@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  header .reveal,
  footer .reveal, header .reveal.tiny,
  footer .reveal.tiny, header .reveal.small,
  footer .reveal.small, header .reveal.large,
  footer .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

header,
footer {
  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  /* missing foundation style in the new version */
  /* I add this because right now we have miss match version in js and css for foundation */
  /**
    * 1. Calculate full width minus toggle size plus one.
    */
  /**
    * 1. Take up the remaining space.
    */
  /**
    * Additional styles ported over from gloabl and custom files for header and footer
    */
  /**
    * 1. For non 100% width mobile modals the background is invisible.
    *   This fixes the overlay issue.
    */
  /****************************************/
  /*****        Global Styles         *****/
  /****************************************/
  /**
  * Grid fix for foundation
  * This is temporary since there is a fix in the next version.
  * Originally in file _flex-grid.scss
  */
  /**
  * 1. Set the max width for different screen sizes.
  */
  /**
  * Align the contaner in the center.
  */
  /**
  * Prevent breaking phone number links
  */
  /**
 * 1. Dumbs the 'html-content-map' variables into the html elements before pseudoelement.
 *     This is used to have access to sass data in the javascript.
 *     To add more data edit the _settings.scss file at the bottom and add your data.
 */
  /**
 * As a general rule most iframes should be 100% width with no border (to look natural).
 * To control the size use a wrapper class.
 */
  /**
 * Make videos responsive,
 * they should never be larger then the parent.
 */
  /**
 * Figures should not have an explicit margin set.
 */
  /**
 * 1. Allow padding to be added to links.
 *   This is still super unspecific and can be easily overwritten if needed.
 * 2. Give the anchors a more subtle color transition.
 *     Background used for megamenu and buttons.
 */
  /**
 * Make buttons have the pointer cursor to indicate functionality.
 */
  /**
 * Rmove default fieldset styles
 */
  /**
 * Make all inputs 100%.
 * Size them with a wrapper.
 */
  /**
 * Foundation sets the border-box for all inputs to box sizing.
 * Undo that.
 */
  /**
 * Picture is set to 'block' by default
 *   block fixes issues in IE11
 *   Modifying this because there's no instance of text next to picture
 *   We need to change that so it will adhere to its parent size.
 */
  /**
 * 1. Override Foundations default offset with the one our designers specified.
 */
  /**
 * Sizing utility.
 *
 * This sets the size of the element to the normal text size.
 *
 */
  /**
    This file creates the margin and padding helper classes.
    It creates helper classes in the following formats:
    {sm/md/lg/xl}-{mt/mr/mb/ml/pt/pr/pb/pl/mx/my/px/py}-{0/1...negative-1}

    If you need to add further sizes, add it to the $sizes variable below.
*/ }
  header html,
  footer html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%; }
  header body,
  footer body {
    margin: 0; }
  header h1,
  footer h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  header hr,
  footer hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible; }
  header pre,
  footer pre {
    font-family: monospace, monospace;
    font-size: 1em; }
  header a,
  footer a {
    background-color: transparent; }
  header abbr[title],
  footer abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted; }
  header b,
  header strong,
  footer b,
  footer strong {
    font-weight: bolder; }
  header code,
  header kbd,
  header samp,
  footer code,
  footer kbd,
  footer samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  header small,
  footer small {
    font-size: 80%; }
  header sub,
  header sup,
  footer sub,
  footer sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  header sub,
  footer sub {
    bottom: -0.25em; }
  header sup,
  footer sup {
    top: -0.5em; }
  header img,
  footer img {
    border-style: none; }
  header button,
  header input,
  header optgroup,
  header select,
  header textarea,
  footer button,
  footer input,
  footer optgroup,
  footer select,
  footer textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0; }
  header button,
  header input,
  footer button,
  footer input {
    overflow: visible; }
  header button,
  header select,
  footer button,
  footer select {
    text-transform: none; }
  header button,
  header [type="button"],
  header [type="reset"],
  header [type="submit"],
  footer button,
  footer [type="button"],
  footer [type="reset"],
  footer [type="submit"] {
    -webkit-appearance: button; }
  header button::-moz-focus-inner,
  header [type="button"]::-moz-focus-inner,
  header [type="reset"]::-moz-focus-inner,
  header [type="submit"]::-moz-focus-inner,
  footer button::-moz-focus-inner,
  footer [type="button"]::-moz-focus-inner,
  footer [type="reset"]::-moz-focus-inner,
  footer [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  header button:-moz-focusring,
  header [type="button"]:-moz-focusring,
  header [type="reset"]:-moz-focusring,
  header [type="submit"]:-moz-focusring,
  footer button:-moz-focusring,
  footer [type="button"]:-moz-focusring,
  footer [type="reset"]:-moz-focusring,
  footer [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }
  header fieldset,
  footer fieldset {
    padding: 0.35em 0.75em 0.625em; }
  header legend,
  footer legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal; }
  header progress,
  footer progress {
    vertical-align: baseline; }
  header textarea,
  footer textarea {
    overflow: auto; }
  header [type="checkbox"],
  header [type="radio"],
  footer [type="checkbox"],
  footer [type="radio"] {
    box-sizing: border-box;
    padding: 0; }
  header [type="number"]::-webkit-inner-spin-button,
  header [type="number"]::-webkit-outer-spin-button,
  footer [type="number"]::-webkit-inner-spin-button,
  footer [type="number"]::-webkit-outer-spin-button {
    height: auto; }
  header [type="search"],
  footer [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px; }
  header [type="search"]::-webkit-search-decoration,
  footer [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  header ::-webkit-file-upload-button,
  footer ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit; }
  header details,
  footer details {
    display: block; }
  header summary,
  footer summary {
    display: list-item; }
  header template,
  footer template {
    display: none; }
  header [hidden],
  footer [hidden] {
    display: none; }
  header .foundation-mq,
  footer .foundation-mq {
    font-family: "small=0rem&medium=46rem&large=63.9375rem&xlarge=76.5625rem&xxlarge=90rem"; }
  header html,
  footer html {
    box-sizing: border-box;
    font-size: 16px; }
  header *,
  header *::before,
  header *::after,
  footer *,
  footer *::before,
  footer *::after {
    box-sizing: inherit; }
  header body,
  footer body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: "Heebo", sans-serif;
    font-weight: normal;
    line-height: 1.4;
    color: #001928;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  header img,
  footer img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic; }
  header textarea,
  footer textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0; }
  header select,
  footer select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0; }
  header .map_canvas img,
  header .map_canvas embed,
  header .map_canvas object,
  header .mqa-display img,
  header .mqa-display embed,
  header .mqa-display object,
  footer .map_canvas img,
  footer .map_canvas embed,
  footer .map_canvas object,
  footer .mqa-display img,
  footer .mqa-display embed,
  footer .mqa-display object {
    max-width: none !important; }
  header button,
  footer button {
    padding: 0;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
    cursor: auto; }
    [data-whatinput='mouse'] header button, [data-whatinput='mouse']
    footer button {
      outline: 0; }
  header pre,
  footer pre {
    overflow: auto; }
  header button,
  header input,
  header optgroup,
  header select,
  header textarea,
  footer button,
  footer input,
  footer optgroup,
  footer select,
  footer textarea {
    font-family: inherit; }
  header .is-visible,
  footer .is-visible {
    display: block !important; }
  header .is-hidden,
  footer .is-hidden {
    display: none !important; }
  header .row,
  footer .row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap; }
    header .row .row,
    footer .row .row {
      margin-right: -0.375rem;
      margin-left: -0.375rem; }
      @media screen and (min-width: 46rem) {
        header .row .row,
        footer .row .row {
          margin-right: -0.75rem;
          margin-left: -0.75rem; } }
      @media screen and (min-width: 63.9375rem) {
        header .row .row,
        footer .row .row {
          margin-right: -0.75rem;
          margin-left: -0.75rem; } }
      @media screen and (min-width: 76.5625rem) {
        header .row .row,
        footer .row .row {
          margin-right: -0.75rem;
          margin-left: -0.75rem; } }
      header .row .row.collapse,
      footer .row .row.collapse {
        margin-right: 0;
        margin-left: 0; }
    header .row.expanded,
    footer .row.expanded {
      max-width: none; }
      header .row.expanded .row,
      footer .row.expanded .row {
        margin-right: auto;
        margin-left: auto; }
    header .row:not(.expanded) .row,
    footer .row:not(.expanded) .row {
      max-width: none; }
    header .row.collapse > .column, header .row.collapse > .columns,
    header footer .row.collapse > .columns,
    footer .row.collapse > .column,
    footer header .row.collapse > .columns,
    footer .row.collapse > .columns {
      padding-right: 0;
      padding-left: 0; }
    header .row.is-collapse-child,
    header .row.collapse > .column > .row,
    header .row.collapse > .columns > .row,
    header footer .row.collapse > .columns > .row,
    footer .row.is-collapse-child,
    footer .row.collapse > .column > .row,
    footer header .row.collapse > .columns > .row,
    footer .row.collapse > .columns > .row {
      margin-right: 0;
      margin-left: 0; }
  header .column, header .columns,
  footer .column,
  footer .columns {
    flex: 1 1 0px;
    padding-right: 0.375rem;
    padding-left: 0.375rem;
    min-width: 0; }
    @media screen and (min-width: 46rem) {
      header .column, header .columns,
      footer .column,
      footer .columns {
        padding-right: 0.75rem;
        padding-left: 0.75rem; } }
    @media screen and (min-width: 63.9375rem) {
      header .column, header .columns,
      footer .column,
      footer .columns {
        padding-right: 0.75rem;
        padding-left: 0.75rem; } }
  header .column.row.row, header .row.row.columns,
  footer .column.row.row,
  footer .row.row.columns {
    float: none;
    display: block; }
  header .row .column.row.row, header .row .row.row.columns,
  footer .row .column.row.row,
  footer .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0; }
  header .small-1,
  footer .small-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  header .small-offset-0,
  footer .small-offset-0 {
    margin-left: 0%; }
  header .small-2,
  footer .small-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  header .small-offset-1,
  footer .small-offset-1 {
    margin-left: 8.33333%; }
  header .small-3,
  footer .small-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  header .small-offset-2,
  footer .small-offset-2 {
    margin-left: 16.66667%; }
  header .small-4,
  footer .small-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  header .small-offset-3,
  footer .small-offset-3 {
    margin-left: 25%; }
  header .small-5,
  footer .small-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  header .small-offset-4,
  footer .small-offset-4 {
    margin-left: 33.33333%; }
  header .small-6,
  footer .small-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  header .small-offset-5,
  footer .small-offset-5 {
    margin-left: 41.66667%; }
  header .small-7,
  footer .small-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  header .small-offset-6,
  footer .small-offset-6 {
    margin-left: 50%; }
  header .small-8,
  footer .small-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  header .small-offset-7,
  footer .small-offset-7 {
    margin-left: 58.33333%; }
  header .small-9,
  footer .small-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  header .small-offset-8,
  footer .small-offset-8 {
    margin-left: 66.66667%; }
  header .small-10,
  footer .small-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  header .small-offset-9,
  footer .small-offset-9 {
    margin-left: 75%; }
  header .small-11,
  footer .small-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  header .small-offset-10,
  footer .small-offset-10 {
    margin-left: 83.33333%; }
  header .small-12,
  footer .small-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  header .small-offset-11,
  footer .small-offset-11 {
    margin-left: 91.66667%; }
  header .small-up-1,
  footer .small-up-1 {
    flex-wrap: wrap; }
    header .small-up-1 > .column, header .small-up-1 > .columns,
    header footer .small-up-1 > .columns,
    footer .small-up-1 > .column,
    footer header .small-up-1 > .columns,
    footer .small-up-1 > .columns {
      flex: 0 0 100%;
      max-width: 100%; }
  header .small-up-2,
  footer .small-up-2 {
    flex-wrap: wrap; }
    header .small-up-2 > .column, header .small-up-2 > .columns,
    header footer .small-up-2 > .columns,
    footer .small-up-2 > .column,
    footer header .small-up-2 > .columns,
    footer .small-up-2 > .columns {
      flex: 0 0 50%;
      max-width: 50%; }
  header .small-up-3,
  footer .small-up-3 {
    flex-wrap: wrap; }
    header .small-up-3 > .column, header .small-up-3 > .columns,
    header footer .small-up-3 > .columns,
    footer .small-up-3 > .column,
    footer header .small-up-3 > .columns,
    footer .small-up-3 > .columns {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  header .small-up-4,
  footer .small-up-4 {
    flex-wrap: wrap; }
    header .small-up-4 > .column, header .small-up-4 > .columns,
    header footer .small-up-4 > .columns,
    footer .small-up-4 > .column,
    footer header .small-up-4 > .columns,
    footer .small-up-4 > .columns {
      flex: 0 0 25%;
      max-width: 25%; }
  header .small-up-5,
  footer .small-up-5 {
    flex-wrap: wrap; }
    header .small-up-5 > .column, header .small-up-5 > .columns,
    header footer .small-up-5 > .columns,
    footer .small-up-5 > .column,
    footer header .small-up-5 > .columns,
    footer .small-up-5 > .columns {
      flex: 0 0 20%;
      max-width: 20%; }
  header .small-up-6,
  footer .small-up-6 {
    flex-wrap: wrap; }
    header .small-up-6 > .column, header .small-up-6 > .columns,
    header footer .small-up-6 > .columns,
    footer .small-up-6 > .column,
    footer header .small-up-6 > .columns,
    footer .small-up-6 > .columns {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  header .small-up-7,
  footer .small-up-7 {
    flex-wrap: wrap; }
    header .small-up-7 > .column, header .small-up-7 > .columns,
    header footer .small-up-7 > .columns,
    footer .small-up-7 > .column,
    footer header .small-up-7 > .columns,
    footer .small-up-7 > .columns {
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  header .small-up-8,
  footer .small-up-8 {
    flex-wrap: wrap; }
    header .small-up-8 > .column, header .small-up-8 > .columns,
    header footer .small-up-8 > .columns,
    footer .small-up-8 > .column,
    footer header .small-up-8 > .columns,
    footer .small-up-8 > .columns {
      flex: 0 0 12.5%;
      max-width: 12.5%; }
  header .small-collapse > .column, header .small-collapse > .columns,
  header footer .small-collapse > .columns,
  footer .small-collapse > .column,
  footer header .small-collapse > .columns,
  footer .small-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  header .small-uncollapse > .column, header .small-uncollapse > .columns,
  header footer .small-uncollapse > .columns,
  footer .small-uncollapse > .column,
  footer header .small-uncollapse > .columns,
  footer .small-uncollapse > .columns {
    padding-right: 0.375rem;
    padding-left: 0.375rem; }
  @media screen and (min-width: 46rem) {
    header .medium-1,
    footer .medium-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    header .medium-offset-0,
    footer .medium-offset-0 {
      margin-left: 0%; }
    header .medium-2,
    footer .medium-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    header .medium-offset-1,
    footer .medium-offset-1 {
      margin-left: 8.33333%; }
    header .medium-3,
    footer .medium-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    header .medium-offset-2,
    footer .medium-offset-2 {
      margin-left: 16.66667%; }
    header .medium-4,
    footer .medium-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    header .medium-offset-3,
    footer .medium-offset-3 {
      margin-left: 25%; }
    header .medium-5,
    footer .medium-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    header .medium-offset-4,
    footer .medium-offset-4 {
      margin-left: 33.33333%; }
    header .medium-6,
    footer .medium-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    header .medium-offset-5,
    footer .medium-offset-5 {
      margin-left: 41.66667%; }
    header .medium-7,
    footer .medium-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    header .medium-offset-6,
    footer .medium-offset-6 {
      margin-left: 50%; }
    header .medium-8,
    footer .medium-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    header .medium-offset-7,
    footer .medium-offset-7 {
      margin-left: 58.33333%; }
    header .medium-9,
    footer .medium-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    header .medium-offset-8,
    footer .medium-offset-8 {
      margin-left: 66.66667%; }
    header .medium-10,
    footer .medium-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    header .medium-offset-9,
    footer .medium-offset-9 {
      margin-left: 75%; }
    header .medium-11,
    footer .medium-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    header .medium-offset-10,
    footer .medium-offset-10 {
      margin-left: 83.33333%; }
    header .medium-12,
    footer .medium-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    header .medium-offset-11,
    footer .medium-offset-11 {
      margin-left: 91.66667%; }
    header .medium-up-1,
    footer .medium-up-1 {
      flex-wrap: wrap; }
      header .medium-up-1 > .column, header .medium-up-1 > .columns,
      header footer .medium-up-1 > .columns,
      footer .medium-up-1 > .column,
      footer header .medium-up-1 > .columns,
      footer .medium-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%; }
    header .medium-up-2,
    footer .medium-up-2 {
      flex-wrap: wrap; }
      header .medium-up-2 > .column, header .medium-up-2 > .columns,
      header footer .medium-up-2 > .columns,
      footer .medium-up-2 > .column,
      footer header .medium-up-2 > .columns,
      footer .medium-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%; }
    header .medium-up-3,
    footer .medium-up-3 {
      flex-wrap: wrap; }
      header .medium-up-3 > .column, header .medium-up-3 > .columns,
      header footer .medium-up-3 > .columns,
      footer .medium-up-3 > .column,
      footer header .medium-up-3 > .columns,
      footer .medium-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    header .medium-up-4,
    footer .medium-up-4 {
      flex-wrap: wrap; }
      header .medium-up-4 > .column, header .medium-up-4 > .columns,
      header footer .medium-up-4 > .columns,
      footer .medium-up-4 > .column,
      footer header .medium-up-4 > .columns,
      footer .medium-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%; }
    header .medium-up-5,
    footer .medium-up-5 {
      flex-wrap: wrap; }
      header .medium-up-5 > .column, header .medium-up-5 > .columns,
      header footer .medium-up-5 > .columns,
      footer .medium-up-5 > .column,
      footer header .medium-up-5 > .columns,
      footer .medium-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%; }
    header .medium-up-6,
    footer .medium-up-6 {
      flex-wrap: wrap; }
      header .medium-up-6 > .column, header .medium-up-6 > .columns,
      header footer .medium-up-6 > .columns,
      footer .medium-up-6 > .column,
      footer header .medium-up-6 > .columns,
      footer .medium-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    header .medium-up-7,
    footer .medium-up-7 {
      flex-wrap: wrap; }
      header .medium-up-7 > .column, header .medium-up-7 > .columns,
      header footer .medium-up-7 > .columns,
      footer .medium-up-7 > .column,
      footer header .medium-up-7 > .columns,
      footer .medium-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%; }
    header .medium-up-8,
    footer .medium-up-8 {
      flex-wrap: wrap; }
      header .medium-up-8 > .column, header .medium-up-8 > .columns,
      header footer .medium-up-8 > .columns,
      footer .medium-up-8 > .column,
      footer header .medium-up-8 > .columns,
      footer .medium-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%; } }

@media screen and (min-width: 46rem) and (min-width: 46rem) {
  header .medium-expand,
  footer .medium-expand {
    flex: 1 1 0px; } }

.row.medium-unstack > .column, header .row.medium-unstack > .columns,
footer .row.medium-unstack > .columns {
  flex: 0 0 100%; }
  @media screen and (min-width: 46rem) {
    .row.medium-unstack > .column, header .row.medium-unstack > .columns,
    footer .row.medium-unstack > .columns {
      flex: 1 1 0px; } }
  @media screen and (min-width: 46rem) {
    header .medium-collapse > .column, header .medium-collapse > .columns,
    header footer .medium-collapse > .columns,
    footer .medium-collapse > .column,
    footer header .medium-collapse > .columns,
    footer .medium-collapse > .columns {
      padding-right: 0;
      padding-left: 0; }
    header .medium-uncollapse > .column, header .medium-uncollapse > .columns,
    header footer .medium-uncollapse > .columns,
    footer .medium-uncollapse > .column,
    footer header .medium-uncollapse > .columns,
    footer .medium-uncollapse > .columns {
      padding-right: 0.75rem;
      padding-left: 0.75rem; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-1,
    footer .large-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    header .large-offset-0,
    footer .large-offset-0 {
      margin-left: 0%; }
    header .large-2,
    footer .large-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    header .large-offset-1,
    footer .large-offset-1 {
      margin-left: 8.33333%; }
    header .large-3,
    footer .large-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    header .large-offset-2,
    footer .large-offset-2 {
      margin-left: 16.66667%; }
    header .large-4,
    footer .large-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    header .large-offset-3,
    footer .large-offset-3 {
      margin-left: 25%; }
    header .large-5,
    footer .large-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    header .large-offset-4,
    footer .large-offset-4 {
      margin-left: 33.33333%; }
    header .large-6,
    footer .large-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    header .large-offset-5,
    footer .large-offset-5 {
      margin-left: 41.66667%; }
    header .large-7,
    footer .large-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    header .large-offset-6,
    footer .large-offset-6 {
      margin-left: 50%; }
    header .large-8,
    footer .large-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    header .large-offset-7,
    footer .large-offset-7 {
      margin-left: 58.33333%; }
    header .large-9,
    footer .large-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    header .large-offset-8,
    footer .large-offset-8 {
      margin-left: 66.66667%; }
    header .large-10,
    footer .large-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    header .large-offset-9,
    footer .large-offset-9 {
      margin-left: 75%; }
    header .large-11,
    footer .large-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    header .large-offset-10,
    footer .large-offset-10 {
      margin-left: 83.33333%; }
    header .large-12,
    footer .large-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    header .large-offset-11,
    footer .large-offset-11 {
      margin-left: 91.66667%; }
    header .large-up-1,
    footer .large-up-1 {
      flex-wrap: wrap; }
      header .large-up-1 > .column, header .large-up-1 > .columns,
      header footer .large-up-1 > .columns,
      footer .large-up-1 > .column,
      footer header .large-up-1 > .columns,
      footer .large-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%; }
    header .large-up-2,
    footer .large-up-2 {
      flex-wrap: wrap; }
      header .large-up-2 > .column, header .large-up-2 > .columns,
      header footer .large-up-2 > .columns,
      footer .large-up-2 > .column,
      footer header .large-up-2 > .columns,
      footer .large-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%; }
    header .large-up-3,
    footer .large-up-3 {
      flex-wrap: wrap; }
      header .large-up-3 > .column, header .large-up-3 > .columns,
      header footer .large-up-3 > .columns,
      footer .large-up-3 > .column,
      footer header .large-up-3 > .columns,
      footer .large-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    header .large-up-4,
    footer .large-up-4 {
      flex-wrap: wrap; }
      header .large-up-4 > .column, header .large-up-4 > .columns,
      header footer .large-up-4 > .columns,
      footer .large-up-4 > .column,
      footer header .large-up-4 > .columns,
      footer .large-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%; }
    header .large-up-5,
    footer .large-up-5 {
      flex-wrap: wrap; }
      header .large-up-5 > .column, header .large-up-5 > .columns,
      header footer .large-up-5 > .columns,
      footer .large-up-5 > .column,
      footer header .large-up-5 > .columns,
      footer .large-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%; }
    header .large-up-6,
    footer .large-up-6 {
      flex-wrap: wrap; }
      header .large-up-6 > .column, header .large-up-6 > .columns,
      header footer .large-up-6 > .columns,
      footer .large-up-6 > .column,
      footer header .large-up-6 > .columns,
      footer .large-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    header .large-up-7,
    footer .large-up-7 {
      flex-wrap: wrap; }
      header .large-up-7 > .column, header .large-up-7 > .columns,
      header footer .large-up-7 > .columns,
      footer .large-up-7 > .column,
      footer header .large-up-7 > .columns,
      footer .large-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%; }
    header .large-up-8,
    footer .large-up-8 {
      flex-wrap: wrap; }
      header .large-up-8 > .column, header .large-up-8 > .columns,
      header footer .large-up-8 > .columns,
      footer .large-up-8 > .column,
      footer header .large-up-8 > .columns,
      footer .large-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%; } }

@media screen and (min-width: 63.9375rem) and (min-width: 63.9375rem) {
  header .large-expand,
  footer .large-expand {
    flex: 1 1 0px; } }

.row.large-unstack > .column, header .row.large-unstack > .columns,
footer .row.large-unstack > .columns {
  flex: 0 0 100%; }
  @media screen and (min-width: 63.9375rem) {
    .row.large-unstack > .column, header .row.large-unstack > .columns,
    footer .row.large-unstack > .columns {
      flex: 1 1 0px; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-collapse > .column, header .large-collapse > .columns,
    header footer .large-collapse > .columns,
    footer .large-collapse > .column,
    footer header .large-collapse > .columns,
    footer .large-collapse > .columns {
      padding-right: 0;
      padding-left: 0; }
    header .large-uncollapse > .column, header .large-uncollapse > .columns,
    header footer .large-uncollapse > .columns,
    footer .large-uncollapse > .column,
    footer header .large-uncollapse > .columns,
    footer .large-uncollapse > .columns {
      padding-right: 0.75rem;
      padding-left: 0.75rem; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-1,
    footer .xlarge-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    header .xlarge-offset-0,
    footer .xlarge-offset-0 {
      margin-left: 0%; }
    header .xlarge-2,
    footer .xlarge-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    header .xlarge-offset-1,
    footer .xlarge-offset-1 {
      margin-left: 8.33333%; }
    header .xlarge-3,
    footer .xlarge-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    header .xlarge-offset-2,
    footer .xlarge-offset-2 {
      margin-left: 16.66667%; }
    header .xlarge-4,
    footer .xlarge-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    header .xlarge-offset-3,
    footer .xlarge-offset-3 {
      margin-left: 25%; }
    header .xlarge-5,
    footer .xlarge-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    header .xlarge-offset-4,
    footer .xlarge-offset-4 {
      margin-left: 33.33333%; }
    header .xlarge-6,
    footer .xlarge-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    header .xlarge-offset-5,
    footer .xlarge-offset-5 {
      margin-left: 41.66667%; }
    header .xlarge-7,
    footer .xlarge-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    header .xlarge-offset-6,
    footer .xlarge-offset-6 {
      margin-left: 50%; }
    header .xlarge-8,
    footer .xlarge-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    header .xlarge-offset-7,
    footer .xlarge-offset-7 {
      margin-left: 58.33333%; }
    header .xlarge-9,
    footer .xlarge-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    header .xlarge-offset-8,
    footer .xlarge-offset-8 {
      margin-left: 66.66667%; }
    header .xlarge-10,
    footer .xlarge-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    header .xlarge-offset-9,
    footer .xlarge-offset-9 {
      margin-left: 75%; }
    header .xlarge-11,
    footer .xlarge-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    header .xlarge-offset-10,
    footer .xlarge-offset-10 {
      margin-left: 83.33333%; }
    header .xlarge-12,
    footer .xlarge-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    header .xlarge-offset-11,
    footer .xlarge-offset-11 {
      margin-left: 91.66667%; }
    header .xlarge-up-1,
    footer .xlarge-up-1 {
      flex-wrap: wrap; }
      header .xlarge-up-1 > .column, header .xlarge-up-1 > .columns,
      header footer .xlarge-up-1 > .columns,
      footer .xlarge-up-1 > .column,
      footer header .xlarge-up-1 > .columns,
      footer .xlarge-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%; }
    header .xlarge-up-2,
    footer .xlarge-up-2 {
      flex-wrap: wrap; }
      header .xlarge-up-2 > .column, header .xlarge-up-2 > .columns,
      header footer .xlarge-up-2 > .columns,
      footer .xlarge-up-2 > .column,
      footer header .xlarge-up-2 > .columns,
      footer .xlarge-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%; }
    header .xlarge-up-3,
    footer .xlarge-up-3 {
      flex-wrap: wrap; }
      header .xlarge-up-3 > .column, header .xlarge-up-3 > .columns,
      header footer .xlarge-up-3 > .columns,
      footer .xlarge-up-3 > .column,
      footer header .xlarge-up-3 > .columns,
      footer .xlarge-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    header .xlarge-up-4,
    footer .xlarge-up-4 {
      flex-wrap: wrap; }
      header .xlarge-up-4 > .column, header .xlarge-up-4 > .columns,
      header footer .xlarge-up-4 > .columns,
      footer .xlarge-up-4 > .column,
      footer header .xlarge-up-4 > .columns,
      footer .xlarge-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%; }
    header .xlarge-up-5,
    footer .xlarge-up-5 {
      flex-wrap: wrap; }
      header .xlarge-up-5 > .column, header .xlarge-up-5 > .columns,
      header footer .xlarge-up-5 > .columns,
      footer .xlarge-up-5 > .column,
      footer header .xlarge-up-5 > .columns,
      footer .xlarge-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%; }
    header .xlarge-up-6,
    footer .xlarge-up-6 {
      flex-wrap: wrap; }
      header .xlarge-up-6 > .column, header .xlarge-up-6 > .columns,
      header footer .xlarge-up-6 > .columns,
      footer .xlarge-up-6 > .column,
      footer header .xlarge-up-6 > .columns,
      footer .xlarge-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    header .xlarge-up-7,
    footer .xlarge-up-7 {
      flex-wrap: wrap; }
      header .xlarge-up-7 > .column, header .xlarge-up-7 > .columns,
      header footer .xlarge-up-7 > .columns,
      footer .xlarge-up-7 > .column,
      footer header .xlarge-up-7 > .columns,
      footer .xlarge-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%; }
    header .xlarge-up-8,
    footer .xlarge-up-8 {
      flex-wrap: wrap; }
      header .xlarge-up-8 > .column, header .xlarge-up-8 > .columns,
      header footer .xlarge-up-8 > .columns,
      footer .xlarge-up-8 > .column,
      footer header .xlarge-up-8 > .columns,
      footer .xlarge-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%; } }

@media screen and (min-width: 76.5625rem) and (min-width: 76.5625rem) {
  header .xlarge-expand,
  footer .xlarge-expand {
    flex: 1 1 0px; } }

.row.xlarge-unstack > .column, header .row.xlarge-unstack > .columns,
footer .row.xlarge-unstack > .columns {
  flex: 0 0 100%; }
  @media screen and (min-width: 76.5625rem) {
    .row.xlarge-unstack > .column, header .row.xlarge-unstack > .columns,
    footer .row.xlarge-unstack > .columns {
      flex: 1 1 0px; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-collapse > .column, header .xlarge-collapse > .columns,
    header footer .xlarge-collapse > .columns,
    footer .xlarge-collapse > .column,
    footer header .xlarge-collapse > .columns,
    footer .xlarge-collapse > .columns {
      padding-right: 0;
      padding-left: 0; }
    header .xlarge-uncollapse > .column, header .xlarge-uncollapse > .columns,
    header footer .xlarge-uncollapse > .columns,
    footer .xlarge-uncollapse > .column,
    footer header .xlarge-uncollapse > .columns,
    footer .xlarge-uncollapse > .columns {
      padding-right: 0.75rem;
      padding-left: 0.75rem; } }
  header .shrink,
  footer .shrink {
    flex: 0 0 auto;
    max-width: 100%; }
  header .column-block,
  footer .column-block {
    margin-bottom: 0.75rem; }
    header .column-block > :last-child,
    footer .column-block > :last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 46rem) {
      header .column-block,
      footer .column-block {
        margin-bottom: 1.5rem; }
        header .column-block > :last-child,
        footer .column-block > :last-child {
          margin-bottom: 0; } }
    @media screen and (min-width: 63.9375rem) {
      header .column-block,
      footer .column-block {
        margin-bottom: 1.5rem; }
        header .column-block > :last-child,
        footer .column-block > :last-child {
          margin-bottom: 0; } }
  header div,
  header dl,
  header dt,
  header dd,
  header ul,
  header ol,
  header li,
  header h1,
  header h2,
  header h3,
  header h4,
  header h5,
  header h6,
  header pre,
  header form,
  header p,
  header blockquote,
  header th,
  header td,
  footer div,
  footer dl,
  footer dt,
  footer dd,
  footer ul,
  footer ol,
  footer li,
  footer h1,
  footer h2,
  footer h3,
  footer h4,
  footer h5,
  footer h6,
  footer pre,
  footer form,
  footer p,
  footer blockquote,
  footer th,
  footer td {
    margin: 0;
    padding: 0; }
  header p,
  footer p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.4;
    text-rendering: optimizeLegibility; }
  header em,
  header i,
  footer em,
  footer i {
    font-style: italic;
    line-height: inherit; }
  header strong,
  header b,
  footer strong,
  footer b {
    font-weight: bold;
    line-height: inherit; }
  header small,
  footer small {
    font-size: 0.75rem;
    line-height: inherit; }
  header h1, header .h1,
  header h2, header .h2,
  header h3, header .h3,
  header h4, header .h4,
  header h5, header .h5,
  header h6, header .h6,
  footer h1,
  footer .h1,
  footer h2,
  footer .h2,
  footer h3,
  footer .h3,
  footer h4,
  footer .h4,
  footer h5,
  footer .h5,
  footer h6,
  footer .h6 {
    font-family: "Heebo", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: inherit;
    text-rendering: optimizeLegibility; }
    header h1 small, header .h1 small,
    header h2 small, header .h2 small,
    header h3 small, header .h3 small,
    header h4 small, header .h4 small,
    header h5 small, header .h5 small,
    header h6 small, header .h6 small,
    footer h1 small,
    footer .h1 small,
    footer h2 small,
    footer .h2 small,
    footer h3 small,
    footer .h3 small,
    footer h4 small,
    footer .h4 small,
    footer h5 small,
    footer .h5 small,
    footer h6 small,
    footer .h6 small {
      line-height: 0;
      color: #cacaca; }
  header h1, header .h1,
  footer h1,
  footer .h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0; }
  header h2, header .h2,
  footer h2,
  footer .h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0; }
  header h3, header .h3,
  footer h3,
  footer .h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0; }
  header h4, header .h4,
  footer h4,
  footer .h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0; }
  header h5, header .h5,
  footer h5,
  footer .h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0; }
  header h6, header .h6,
  footer h6,
  footer .h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0; }
  @media screen and (min-width: 46rem) {
    header h1, header .h1,
    footer h1,
    footer .h1 {
      font-size: 3rem; }
    header h2, header .h2,
    footer h2,
    footer .h2 {
      font-size: 2.5rem; }
    header h3, header .h3,
    footer h3,
    footer .h3 {
      font-size: 1.9375rem; }
    header h4, header .h4,
    footer h4,
    footer .h4 {
      font-size: 1.5625rem; }
    header h5, header .h5,
    footer h5,
    footer .h5 {
      font-size: 1.25rem; }
    header h6, header .h6,
    footer h6,
    footer .h6 {
      font-size: 1rem; } }
  header a,
  footer a {
    line-height: inherit;
    color: #0075BE;
    text-decoration: none;
    cursor: pointer; }
    header a:hover, header a:focus,
    footer a:hover,
    footer a:focus {
      color: #005587;
      text-decoration: underline; }
    header a img,
    footer a img {
      border: 0; }
  header hr,
  footer hr {
    clear: both;
    max-width: 73.4rem;
    height: 0;
    margin: 1rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0; }
  header ul,
  header ol,
  header dl,
  footer ul,
  footer ol,
  footer dl {
    margin-bottom: 0;
    list-style-position: outside;
    line-height: 1.4; }
  header li,
  footer li {
    font-size: inherit; }
  header ul,
  footer ul {
    margin-left: 0;
    list-style-type: disc; }
  header ol,
  footer ol {
    margin-left: 0; }
  header ul header ul, header ol header ul,
  footer ul header ul,
  footer ol header ul, header ul header ol, header ol header ol,
  footer ul header ol,
  footer ol header ol, header ul
  footer ul, header ol
  footer ul,
  footer ul
  footer ul,
  footer ol
  footer ul, header ul
  footer ol, header ol
  footer ol,
  footer ul
  footer ol,
  footer ol
  footer ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }
  header dl,
  footer dl {
    margin-bottom: 1rem; }
    header dl dt,
    footer dl dt {
      margin-bottom: 0.3rem;
      font-weight: bold; }
  header blockquote,
  footer blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca; }
    header blockquote, header blockquote p,
    footer blockquote,
    footer blockquote p {
      line-height: 1.4;
      color: #001928; }
  header abbr, header abbr[title],
  footer abbr,
  footer abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none; }
  header figure,
  footer figure {
    margin: 0; }
  header kbd,
  footer kbd {
    margin: 0;
    padding: 0.125rem 0.25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #0a0a0a; }
  header .subheader,
  footer .subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #8a8a8a; }
  header .lead,
  footer .lead {
    font-size: 125%;
    line-height: 1.6; }
  header .stat,
  footer .stat {
    font-size: 2.5rem;
    line-height: 1; }
    p + header .stat, p +
    footer .stat {
      margin-top: -1rem; }
  header ul.no-bullet, header ol.no-bullet,
  footer ul.no-bullet,
  footer ol.no-bullet {
    margin-left: 0;
    list-style: none; }
  header .cite-block, header cite,
  header footer cite, footer header cite,
  footer .cite-block,
  footer header cite,
  header footer cite,
  footer cite {
    display: block;
    color: #8a8a8a;
    font-size: 0.8125rem; }
    header .cite-block:before, header cite:before,
    header footer cite:before, footer header cite:before,
    footer .cite-block:before,
    footer header cite:before,
    header footer cite:before,
    footer cite:before {
      content: "\2014   "; }
  header .code-inline, header code,
  header footer code, footer header code,
  footer .code-inline,
  footer header code,
  header footer code,
  footer code {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #0a0a0a;
    display: inline;
    max-width: 100%;
    word-wrap: break-word;
    padding: 0.125rem 0.3125rem 0.0625rem; }
  header .code-block,
  footer .code-block {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #0a0a0a;
    display: block;
    overflow: auto;
    white-space: pre;
    padding: 1rem;
    margin-bottom: 1.5rem; }
  header .text-left,
  footer .text-left {
    text-align: left; }
  header .text-right,
  footer .text-right {
    text-align: right; }
  header .text-center,
  footer .text-center {
    text-align: center; }
  header .text-justify,
  footer .text-justify {
    text-align: justify; }
  @media screen and (min-width: 46rem) {
    header .medium-text-left,
    footer .medium-text-left {
      text-align: left; }
    header .medium-text-right,
    footer .medium-text-right {
      text-align: right; }
    header .medium-text-center,
    footer .medium-text-center {
      text-align: center; }
    header .medium-text-justify,
    footer .medium-text-justify {
      text-align: justify; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-text-left,
    footer .large-text-left {
      text-align: left; }
    header .large-text-right,
    footer .large-text-right {
      text-align: right; }
    header .large-text-center,
    footer .large-text-center {
      text-align: center; }
    header .large-text-justify,
    footer .large-text-justify {
      text-align: justify; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-text-left,
    footer .xlarge-text-left {
      text-align: left; }
    header .xlarge-text-right,
    footer .xlarge-text-right {
      text-align: right; }
    header .xlarge-text-center,
    footer .xlarge-text-center {
      text-align: center; }
    header .xlarge-text-justify,
    footer .xlarge-text-justify {
      text-align: justify; } }
  header .show-for-print,
  footer .show-for-print {
    display: none !important; }
  @media print {
    header *,
    footer * {
      background: transparent !important;
      color: black !important;
      color-adjust: economy;
      box-shadow: none !important;
      text-shadow: none !important; }
    header .show-for-print,
    footer .show-for-print {
      display: block !important; }
    header .hide-for-print,
    footer .hide-for-print {
      display: none !important; }
    header table.show-for-print,
    footer table.show-for-print {
      display: table !important; }
    header thead.show-for-print,
    footer thead.show-for-print {
      display: table-header-group !important; }
    header tbody.show-for-print,
    footer tbody.show-for-print {
      display: table-row-group !important; }
    header tr.show-for-print,
    footer tr.show-for-print {
      display: table-row !important; }
    header td.show-for-print,
    footer td.show-for-print {
      display: table-cell !important; }
    header th.show-for-print,
    footer th.show-for-print {
      display: table-cell !important; }
    header a,
    header a:visited,
    footer a,
    footer a:visited {
      text-decoration: underline; }
    header a[href]:after,
    footer a[href]:after {
      content: " (" attr(href) ")"; }
    header .ir a:after,
    header a[href^='javascript:']:after,
    header a[href^='#']:after,
    footer .ir a:after,
    footer a[href^='javascript:']:after,
    footer a[href^='#']:after {
      content: ''; }
    header abbr[title]:after,
    footer abbr[title]:after {
      content: " (" attr(title) ")"; }
    header pre,
    header blockquote,
    footer pre,
    footer blockquote {
      border: 1px solid #646c76;
      page-break-inside: avoid; }
    header thead,
    footer thead {
      display: table-header-group; }
    header tr,
    header img,
    footer tr,
    footer img {
      page-break-inside: avoid; }
    header img,
    footer img {
      max-width: 100% !important; }
    @page {
      header,
      footer {
        margin: 0.5cm; } }
    header p,
    header h2,
    header h3,
    footer p,
    footer h2,
    footer h3 {
      orphans: 3;
      widows: 3; }
    header h2,
    header h3,
    footer h2,
    footer h3 {
      page-break-after: avoid; }
    header .print-break-inside,
    footer .print-break-inside {
      page-break-inside: auto; } }
  header [type='text'], header [type='password'], header [type='date'], header [type='datetime'], header [type='datetime-local'], header [type='month'], header [type='week'], header [type='email'], header [type='number'], header [type='search'], header [type='tel'], header [type='time'], header [type='url'], header [type='color'],
  header textarea,
  footer [type='text'],
  footer [type='password'],
  footer [type='date'],
  footer [type='datetime'],
  footer [type='datetime-local'],
  footer [type='month'],
  footer [type='week'],
  footer [type='email'],
  footer [type='number'],
  footer [type='search'],
  footer [type='tel'],
  footer [type='time'],
  footer [type='url'],
  footer [type='color'],
  footer textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    border: 0.0625rem solid #929ba9;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    appearance: none; }
    header [type='text']:focus, header [type='password']:focus, header [type='date']:focus, header [type='datetime']:focus, header [type='datetime-local']:focus, header [type='month']:focus, header [type='week']:focus, header [type='email']:focus, header [type='number']:focus, header [type='search']:focus, header [type='tel']:focus, header [type='time']:focus, header [type='url']:focus, header [type='color']:focus,
    header textarea:focus,
    footer [type='text']:focus,
    footer [type='password']:focus,
    footer [type='date']:focus,
    footer [type='datetime']:focus,
    footer [type='datetime-local']:focus,
    footer [type='month']:focus,
    footer [type='week']:focus,
    footer [type='email']:focus,
    footer [type='number']:focus,
    footer [type='search']:focus,
    footer [type='tel']:focus,
    footer [type='time']:focus,
    footer [type='url']:focus,
    footer [type='color']:focus,
    footer textarea:focus {
      outline: none;
      border: 1px solid #8a8a8a;
      background-color: #fefefe;
      box-shadow: 0 0 5px #cacaca;
      transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  header textarea,
  footer textarea {
    max-width: 100%; }
    header textarea[rows],
    footer textarea[rows] {
      height: auto; }
  header input:disabled, header input[readonly],
  header textarea:disabled,
  header textarea[readonly],
  footer input:disabled,
  footer input[readonly],
  footer textarea:disabled,
  footer textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  header [type='submit'],
  header [type='button'],
  footer [type='submit'],
  footer [type='button'] {
    appearance: none;
    border-radius: 0; }
  header input[type='search'],
  footer input[type='search'] {
    box-sizing: border-box; }
  header ::placeholder,
  footer ::placeholder {
    color: #cacaca; }
  header [type='file'],
  header [type='checkbox'],
  header [type='radio'],
  footer [type='file'],
  footer [type='checkbox'],
  footer [type='radio'] {
    margin: 0 0 1rem; }
  header [type='checkbox'] + label,
  header [type='radio'] + label,
  footer [type='checkbox'] + label,
  footer [type='radio'] + label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0; }
    header [type='checkbox'] + label[for],
    header [type='radio'] + label[for],
    footer [type='checkbox'] + label[for],
    footer [type='radio'] + label[for] {
      cursor: pointer; }
  header label > [type='checkbox'],
  header label > [type='radio'],
  footer label > [type='checkbox'],
  footer label > [type='radio'] {
    margin-right: 0.5rem; }
  header [type='file'],
  footer [type='file'] {
    width: 100%; }
  header label,
  footer label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a; }
    header label.middle,
    footer label.middle {
      margin: 0 0 1rem;
      padding: 0.5625rem 0; }
  header .help-text,
  footer .help-text {
    margin-top: -0.5rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: #0a0a0a; }
  header .input-group,
  footer .input-group {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    align-items: stretch; }
    header .input-group > :first-child, header .input-group > :first-child.input-group-button > *,
    footer .input-group > :first-child,
    footer .input-group > :first-child.input-group-button > * {
      border-radius: 0 0 0 0; }
    header .input-group > :last-child, header .input-group > :last-child.input-group-button > *,
    footer .input-group > :last-child,
    footer .input-group > :last-child.input-group-button > * {
      border-radius: 0 0 0 0; }
  header .input-group-label, header .input-group-field, header .input-group-button, header .input-group-button a,
  header .input-group-button input,
  header .input-group-button button,
  header .input-group-button label, footer .input-group-button header a, footer .input-group-button header input, footer .input-group-button header button, footer .input-group-button header label,
  footer .input-group-label,
  footer .input-group-field,
  footer .input-group-button,
  header .input-group-button footer a,
  header .input-group-button footer input,
  header .input-group-button footer button,
  header .input-group-button footer label,
  footer .input-group-button a,
  footer .input-group-button input,
  footer .input-group-button button,
  footer .input-group-button label {
    margin: 0;
    white-space: nowrap; }
  header .input-group-label,
  footer .input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center; }
    header .input-group-label:first-child,
    footer .input-group-label:first-child {
      border-right: 0; }
    header .input-group-label:last-child,
    footer .input-group-label:last-child {
      border-left: 0; }
  header .input-group-field,
  footer .input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    min-width: 0; }
  header .input-group-button,
  footer .input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: flex;
    flex: 0 0 auto; }
    header .input-group-button a,
    header .input-group-button input,
    header .input-group-button button,
    header .input-group-button label,
    footer .input-group-button a,
    footer .input-group-button input,
    footer .input-group-button button,
    footer .input-group-button label {
      align-self: stretch;
      height: auto;
      padding-top: 0;
      padding-bottom: 0;
      font-size: 1rem; }
  header fieldset,
  footer fieldset {
    margin: 0;
    padding: 0;
    border: 0; }
  header legend,
  footer legend {
    max-width: 100%;
    margin-bottom: 0.5rem; }
  header .fieldset,
  footer .fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca; }
    header .fieldset legend,
    footer .fieldset legend {
      margin: 0;
      margin-left: -0.1875rem;
      padding: 0 0.1875rem; }
  header select,
  footer select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    appearance: none;
    border: 0.0625rem solid #929ba9;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
    @media screen and (min-width: 0\0) {
      header select,
      footer select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
    header select:focus,
    footer select:focus {
      outline: none;
      border: 1px solid #8a8a8a;
      background-color: #fefefe;
      box-shadow: 0 0 5px #cacaca;
      transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
    header select:disabled,
    footer select:disabled {
      background-color: #e6e6e6;
      cursor: not-allowed; }
    header select::-ms-expand,
    footer select::-ms-expand {
      display: none; }
    header select[multiple],
    footer select[multiple] {
      height: auto;
      background-image: none; }
    header select:not([multiple]),
    footer select:not([multiple]) {
      padding-top: 0;
      padding-bottom: 0; }
  header .is-invalid-input:not(:focus),
  footer .is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea; }
    header .is-invalid-input:not(:focus)::placeholder,
    footer .is-invalid-input:not(:focus)::placeholder {
      color: #cc4b37; }
  header .is-invalid-label,
  footer .is-invalid-label {
    color: #cc4b37; }
  header .form-error,
  footer .form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #cc4b37; }
    header .form-error.is-visible,
    footer .form-error.is-visible {
      display: block; }
  header .close-button,
  footer .close-button {
    position: absolute;
    z-index: 10;
    color: #8a8a8a;
    cursor: pointer; }
    [data-whatinput='mouse'] header .close-button, [data-whatinput='mouse']
    footer .close-button {
      outline: 0; }
    header .close-button:hover, header .close-button:focus,
    footer .close-button:hover,
    footer .close-button:focus {
      color: #0a0a0a; }
    header .close-button.small,
    footer .close-button.small {
      right: 0.66rem;
      top: 0.33em;
      font-size: 1.5em;
      line-height: 1; }
    header .close-button.medium,
    footer .close-button.medium, header .close-button,
    footer .close-button {
      right: 1rem;
      top: 0.5rem;
      font-size: 2em;
      line-height: 1; }
  header html.is-reveal-open,
  footer html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: hidden; }
    header html.is-reveal-open.zf-has-scroll,
    footer html.is-reveal-open.zf-has-scroll {
      overflow-y: scroll; }
    header html.is-reveal-open body,
    footer html.is-reveal-open body {
      overflow-y: hidden; }
  header .reveal-overlay,
  footer .reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(0, 25, 40, 0.1);
    overflow-y: auto; }
  header .reveal,
  footer .reveal {
    z-index: 1006;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto; }
    [data-whatinput='mouse'] header .reveal, [data-whatinput='mouse']
    footer .reveal {
      outline: 0; }
    @media screen and (min-width: 46rem) {
      header .reveal,
      footer .reveal {
        min-height: 0; } }
    header .reveal .column, header .reveal .columns,
    footer .reveal .column,
    footer .reveal .columns {
      min-width: 0; }
    header .reveal > :last-child,
    footer .reveal > :last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 46rem) {
      header .reveal,
      footer .reveal {
        width: 600px;
        max-width: 75rem; } }
    header .reveal.collapse,
    footer .reveal.collapse {
      padding: 0; }
    @media screen and (min-width: 46rem) {
      header .reveal.tiny,
      footer .reveal.tiny {
        width: 30%;
        max-width: 75rem; } }
    @media screen and (min-width: 46rem) {
      header .reveal.small,
      footer .reveal.small {
        width: 50%;
        max-width: 75rem; } }
    @media screen and (min-width: 46rem) {
      header .reveal.large,
      footer .reveal.large {
        width: 90%;
        max-width: 75rem; } }
    header .reveal.full,
    footer .reveal.full {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      min-height: 100%;
      margin-left: 0;
      border: 0;
      border-radius: 0; }
    @media screen and (max-width: 45.9375rem) {
      header .reveal,
      footer .reveal {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin-left: 0;
        border: 0;
        border-radius: 0; } }
    header .reveal.without-overlay,
    footer .reveal.without-overlay {
      position: fixed; }
  header .hide,
  footer .hide {
    display: none !important; }
  header .invisible,
  footer .invisible {
    visibility: hidden; }
  @media screen and (max-width: 45.9375rem) {
    header .hide-for-small-only,
    footer .hide-for-small-only {
      display: none !important; } }
  @media screen and (max-width: 0em), screen and (min-width: 46em) {
    header .show-for-small-only,
    footer .show-for-small-only {
      display: none !important; } }
  @media screen and (min-width: 46rem) {
    header .hide-for-medium,
    footer .hide-for-medium {
      display: none !important; } }
  header .show-for-medium,
  footer .show-for-medium {
    display: none !important; }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .hide-for-medium-only,
    footer .hide-for-medium-only {
      display: none !important; } }
  @media screen and (max-width: 45.99875em), screen and (min-width: 63.9375em) {
    header .show-for-medium-only,
    footer .show-for-medium-only {
      display: none !important; } }
  @media screen and (min-width: 63.9375rem) {
    header .hide-for-large,
    footer .hide-for-large {
      display: none !important; } }
  header .show-for-large,
  footer .show-for-large {
    display: none !important; }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .hide-for-large-only,
    footer .hide-for-large-only {
      display: none !important; } }
  @media screen and (max-width: 63.93625em), screen and (min-width: 76.5625em) {
    header .show-for-large-only,
    footer .show-for-large-only {
      display: none !important; } }
  @media screen and (min-width: 76.5625rem) {
    header .hide-for-xlarge,
    footer .hide-for-xlarge {
      display: none !important; } }
  header .show-for-xlarge,
  footer .show-for-xlarge {
    display: none !important; }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .hide-for-xlarge-only,
    footer .hide-for-xlarge-only {
      display: none !important; } }
  @media screen and (max-width: 76.56125em), screen and (min-width: 90em) {
    header .show-for-xlarge-only,
    footer .show-for-xlarge-only {
      display: none !important; } }
  header .show-for-sr,
  header .show-on-focus,
  footer .show-for-sr,
  footer .show-on-focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important; }
  header .show-on-focus:active, header .show-on-focus:focus,
  footer .show-on-focus:active,
  footer .show-on-focus:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important; }
  header .show-for-landscape,
  header .hide-for-portrait,
  footer .show-for-landscape,
  footer .hide-for-portrait {
    display: block !important; }
    @media screen and (orientation: landscape) {
      header .show-for-landscape,
      header .hide-for-portrait,
      footer .show-for-landscape,
      footer .hide-for-portrait {
        display: block !important; } }
    @media screen and (orientation: portrait) {
      header .show-for-landscape,
      header .hide-for-portrait,
      footer .show-for-landscape,
      footer .hide-for-portrait {
        display: none !important; } }
  header .hide-for-landscape,
  header .show-for-portrait,
  footer .hide-for-landscape,
  footer .show-for-portrait {
    display: none !important; }
    @media screen and (orientation: landscape) {
      header .hide-for-landscape,
      header .show-for-portrait,
      footer .hide-for-landscape,
      footer .show-for-portrait {
        display: none !important; } }
    @media screen and (orientation: portrait) {
      header .hide-for-landscape,
      header .show-for-portrait,
      footer .hide-for-landscape,
      footer .show-for-portrait {
        display: block !important; } }
  header .align-center,
  footer .align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  header .align-spaced,
  footer .align-spaced {
    justify-content: space-around; }
  header strong,
  footer strong {
    font-weight: 700; }
  header h1,
  footer h1 {
    font-size: 1.875rem; }
  header h2,
  footer h2 {
    font-size: 1.62469rem; }
  header h3,
  footer h3 {
    font-size: 1.37437rem; }
  header h4,
  footer h4 {
    font-size: 1.125rem; }
  header h5,
  footer h5 {
    font-size: 0.99938rem; }
  header h6,
  footer h6 {
    font-size: 0.99938rem; }
  @media screen and (min-width: 46em) {
    header h1,
    footer h1 {
      font-size: 2rem; }
    header h3,
    footer h3 {
      font-size: 1.24969rem; }
    header h4,
    footer h4 {
      font-size: 1.06219rem; }
    header h5,
    footer h5 {
      font-size: 0.9375rem; }
    header h6,
    footer h6 {
      font-size: 0.9375rem; } }
  header .align-top.columns,
  header .column.align-top,
  header .align-top.columns,
  footer .align-top.columns,
  footer .column.align-top,
  footer .align-top.columns {
    -ms-flex-item-align: start;
    align-self: flex-start; }
  header html,
  header body,
  footer html,
  footer body {
    height: 100%; }
  header body,
  footer body {
    display: flex;
    flex-direction: column;
    background-color: #FEFEFE; }
  header footer,
  footer footer {
    flex-shrink: 0; }
  header body.is-reveal-open,
  footer body.is-reveal-open {
    overflow-y: hidden; }
  header .margin-center,
  footer .margin-center {
    margin-left: auto;
    margin-right: auto; }
  header .trio-logo-container-height,
  footer .trio-logo-container-height {
    height: 8em; }
    @media screen and (max-width: 45.9375rem) {
      header .trio-logo-container-height,
      footer .trio-logo-container-height {
        height: 4em; } }
  header .secondary-header,
  footer .secondary-header {
    background-color: #FEFEFE;
    /**
        * Wraps the secondary header.
        */
    /**
        * The secondary-header toggle is the button that controls the opening and closing of the header.
        */
    /**
        * The close button is located inside the secondary nav.
        * 1. Hide the close button, otherwise it sits above the open button even when closed.
        * 2. Set the transition delay to the same amount of time it takes for the menu to open.
        *     This will cause the close button to dissapear as soon as the menu is closed.
        */
    /**
        * The secondary nav logo is on the inside of the blue on mobile and outside on tablet / desktop.
        *
        * 1. The image size does not reflect the design, until we get the correct image this needs to stay.
        */ }
    @media screen and (min-width: 46rem) {
      header .secondary-header,
      footer .secondary-header {
        position: relative;
        border-bottom: 0.0625rem solid #929ba9; } }
    header .secondary-header__wrapper,
    footer .secondary-header__wrapper {
      position: absolute;
      max-width: 75rem;
      margin-right: auto;
      margin-left: auto;
      top: 0;
      left: 0;
      width: calc(100% - 5rem);
      /* 1 */
      min-width: 18em;
      background: #0075BE;
      transition: transform 0.3s ease-in-out;
      transform: translate(-101%, 0);
      /**
            * 1. When the secondary header is open display it.
            */
      /**
        * Should be always open on tablet up.
        */ }
      .secondary-header.is-open > header .secondary-header__wrapper, .secondary-header.is-open >
      footer .secondary-header__wrapper {
        transform: none;
        /* 1 */ }
      @media screen and (min-width: 46rem) {
        header .secondary-header__wrapper,
        footer .secondary-header__wrapper {
          display: block;
          position: static;
          width: 100%;
          justify-content: center;
          align-items: center;
          background-color: #FEFEFE;
          transform: none; } }
      @media screen and (min-width: 63.9375rem) {
        header .secondary-header__wrapper,
        footer .secondary-header__wrapper {
          display: flex;
          justify-content: space-between; } }
    header .secondary-header__toggle,
    footer .secondary-header__toggle {
      display: flex;
      width: 5rem;
      height: 5rem;
      justify-content: center;
      align-items: center;
      background-color: #0075BE;
      /**
            * Remove default anchor styles.
            */
      /**
        * Hide the toggle since the menu is only closed in mobile.
        */ }
      header .secondary-header__toggle, header .secondary-header__toggle:hover, header .secondary-header__toggle:focus,
      footer .secondary-header__toggle,
      footer .secondary-header__toggle:hover,
      footer .secondary-header__toggle:focus {
        color: #FEFEFE;
        text-decoration: none; }
      @media screen and (min-width: 46rem) {
        header .secondary-header__toggle,
        footer .secondary-header__toggle {
          display: none; } }
    header .secondary-header__close,
    footer .secondary-header__close {
      position: absolute;
      top: 0;
      left: 100%;
      transform: scale(0);
      /* 1 */
      transition: 0ms transform linear 0.3s;
      /* 2 */
      /**
            * 1. Display the close button when the header is open.
            *     The opening animation takes 300ms this is instant so we cant tell the difference
            * 2. Remove the transition since we want the close button to appear INSTANTLY when the menu opens.
            */ }
      .secondary-header.is-open header .secondary-header__close, .secondary-header.is-open
      footer .secondary-header__close {
        transform: none;
        /* 1 */
        transition: none;
        /* 2 */ }
    header .secondary-header__logo,
    footer .secondary-header__logo {
      display: block;
      padding-top: 1.5em;
      padding-right: 2em;
      padding-bottom: 1.5em;
      padding-left: 2em;
      width: 18em;
      /**
            * ie11 doesnt adhere to the max-width: 100% on all img tags.
            * This browserhack targets ie11 specifically.
            * TODO: Find better solution
            */
      /* stylelint-disable selector-no-universal */
      /* disable stylelint since this is a browserhack. */
      /* stylelint-enable selector-no-universal */
      /**
            * 1. Align the logo with the Choose site text
            */ }
      header .secondary-header__logo *::-ms-backdrop,
      header .secondary-header__logo img,
      footer .secondary-header__logo *::-ms-backdrop,
      footer .secondary-header__logo img {
        max-width: 18em; }
      @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
        header .secondary-header__logo,
        footer .secondary-header__logo {
          margin-left: auto;
          margin-right: auto; } }
      @media screen and (min-width: 63.9375rem) {
        header .secondary-header__logo,
        footer .secondary-header__logo {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 1em;
          /* 1 */ } }
  header .primary-header,
  footer .primary-header {
    display: flex;
    align-items: center;
    flex: 1;
    /* 1 */
    justify-content: center;
    /**
        * 1. Serve as anchor for medium screens.
        */
    /**
    * Wraps the primary header.
    */
    /**
        * The primary menu logo.
        * 1. Its usually an anchor so set the display correctly.
        * 2. Logo is the only thing on the left.
        */
    /**
    * Root level links in the primary header are what give the header the correct size.
    */ }
    @media screen and (min-width: 46rem) {
      header .primary-header,
      footer .primary-header {
        position: relative;
        background-color: #0075BE; }
        header .primary-header.background-color--white,
        footer .primary-header.background-color--white {
          background-color: #FEFEFE; } }
    header .primary-header.background-color--white,
    footer .primary-header.background-color--white {
      background-color: #FEFEFE; }
    @media screen and (min-width: 76.5625rem) {
      header .primary-header.xl-px--0,
      footer .primary-header.xl-px--0 {
        padding-left: 0;
        padding-right: 0; } }
    header .primary-header__wrapper,
    footer .primary-header__wrapper {
      display: flex;
      flex: 1;
      max-width: 75rem;
      align-items: center; }
      @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
        header .primary-header__wrapper,
        footer .primary-header__wrapper {
          justify-content: space-between; } }
      @media screen and (min-width: 63.9375rem) {
        header .primary-header__wrapper,
        footer .primary-header__wrapper {
          flex: 1 1 75rem; } }
    header .primary-header__logo,
    footer .primary-header__logo {
      display: block;
      /* 1 */
      margin-right: auto;
      /* 2 */
      max-width: 5em;
      /**
            * Logo only appears on mobile.
            */ }
      @media screen and (min-width: 46rem) {
        header .primary-header__logo,
        footer .primary-header__logo {
          display: none; } }
    header .primary-header .simple-header__bmo-logo,
    footer .primary-header .simple-header__bmo-logo {
      display: block;
      width: 91px;
      height: 35px;
      margin-left: 30px;
      margin-top: 0px; }
  @media screen and (min-width: 46rem) {
    header .logo-constraint,
    footer .logo-constraint {
      height: 2.1rem; } }
  header .pride-logo-constraint[src*="pride"],
  footer .pride-logo-constraint[src*="pride"] {
    height: 2.5rem; }
    @media screen and (min-width: 46rem) {
      header .pride-logo-constraint[src*="pride"],
      footer .pride-logo-constraint[src*="pride"] {
        width: 160px; } }
  header .block,
  header .is-open,
  footer .block,
  footer .is-open {
    display: block !important; }
  @media screen and (min-width: 46rem) {
    header .medium-size-h2,
    footer .medium-size-h2 {
      font-size: 1.62469rem; } }
  header .tv-font-xxlarge,
  footer .tv-font-xxlarge {
    font-size: 1.75rem;
    line-height: 2rem;
    letter-spacing: -0.0125rem; }
  header .weight-bold,
  footer .weight-bold {
    font-weight: 700; }
  header .weight-light,
  footer .weight-light {
    font-weight: 300; }
  header .padding--large,
  footer .padding--large {
    padding: 2em; }
  header .padding--medium,
  footer .padding--medium {
    padding: 1.5em; }
  header .spacing-bottom,
  footer .spacing-bottom {
    margin-bottom: 1em; }
  header .spacing-bottom--large,
  footer .spacing-bottom--large {
    margin-bottom: 2em; }
  header .spacing-bottom--medium,
  footer .spacing-bottom--medium {
    margin-bottom: 1.25em; }
  header .spacing-bottom--small,
  footer .spacing-bottom--small {
    margin-bottom: 0.5em; }
  header .spacing-top--large,
  footer .spacing-top--large {
    margin-top: 2em; }
  header .spacing-top--small,
  footer .spacing-top--small {
    margin-top: 0.5em; }
  header .position--relative,
  footer .position--relative {
    position: relative; }
  header .position--absolute,
  footer .position--absolute {
    position: absolute; }
  header .font-size--12,
  footer .font-size--12 {
    font-size: 12px; }
  header .font-size--13,
  footer .font-size--13 {
    font-size: 13px; }
  header .font-size--14,
  footer .font-size--14 {
    font-size: 14px; }
  header .min-width--25,
  footer .min-width--25 {
    min-width: 25%; }
  header html.reveal-overflow-visible > body,
  footer html.reveal-overflow-visible > body {
    overflow: visible; }
  header .reveal-show,
  footer .reveal-show {
    display: block !important; }
  header .font-weight-400,
  footer .font-weight-400 {
    font-weight: 400; }
  header .font-weight-500,
  footer .font-weight-500 {
    font-weight: 500; }
  header .max-width-inherit,
  footer .max-width-inherit {
    max-width: inherit; }
  @media screen and (min-width: 46rem) {
    header .md-width--30,
    footer .md-width--30 {
      width: 30%; }
    header .md-width--40,
    footer .md-width--40 {
      width: 40%; }
    header .md-width--50,
    footer .md-width--50 {
      width: 50%; } }
  header .sm-background-color--ultramarine,
  footer .sm-background-color--ultramarine {
    background-color: #005587; }
  header .sm-color--white,
  footer .sm-color--white {
    color: #FFF; }
  header .sm-border--gray,
  footer .sm-border--gray {
    border: 1px solid #DFDFDF; }
  header .stroke,
  footer .stroke {
    padding: 1em;
    padding-top: 1em;
    position: relative;
    border: 0.125em solid #929ba9;
    border-color: #d9dce1;
    border-radius: 1em; }
    header .stroke--text,
    footer .stroke--text {
      position: absolute;
      transform: translate(-50%, -50%);
      display: inline-table;
      top: 0;
      left: 50%;
      background: #FEFEFE;
      padding-left: 0.5em;
      padding-right: 0.5em; }
    @media screen and (max-width: 45.9375rem) {
      header .stroke--mobile,
      footer .stroke--mobile {
        padding: 1em;
        padding-top: 1em;
        position: relative;
        border: 0.125em solid #929ba9;
        border-color: #d9dce1;
        border-radius: 1em; }
        header .stroke--mobile--text,
        footer .stroke--mobile--text {
          position: absolute;
          transform: translate(-50%, -50%);
          display: inline-table;
          top: 0;
          left: 50%;
          background: #FEFEFE;
          padding-left: 0.5em;
          padding-right: 0.5em; } }
    @media screen and (min-width: 46rem) {
      header .stroke--desktop,
      footer .stroke--desktop {
        padding: 1em;
        padding-top: 1em;
        position: relative;
        border: 0.125em solid #929ba9;
        border-color: #d9dce1;
        border-radius: 1em; }
        header .stroke--desktop--text,
        footer .stroke--desktop--text {
          position: absolute;
          transform: translate(-50%, -50%);
          display: inline-table;
          top: 0;
          left: 50%;
          background: #FEFEFE;
          padding-left: 0.5em;
          padding-right: 0.5em; } }
  header .uppercase,
  footer .uppercase {
    text-transform: uppercase; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-1,
    footer .small-only-order-1 {
      order: 1; } }
  header .small-order-1,
  footer .small-order-1 {
    order: 1; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-2,
    footer .small-only-order-2 {
      order: 2; } }
  header .small-order-2,
  footer .small-order-2 {
    order: 2; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-3,
    footer .small-only-order-3 {
      order: 3; } }
  header .small-order-3,
  footer .small-order-3 {
    order: 3; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-4,
    footer .small-only-order-4 {
      order: 4; } }
  header .small-order-4,
  footer .small-order-4 {
    order: 4; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-5,
    footer .small-only-order-5 {
      order: 5; } }
  header .small-order-5,
  footer .small-order-5 {
    order: 5; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-6,
    footer .small-only-order-6 {
      order: 6; } }
  header .small-order-6,
  footer .small-order-6 {
    order: 6; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-7,
    footer .small-only-order-7 {
      order: 7; } }
  header .small-order-7,
  footer .small-order-7 {
    order: 7; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-8,
    footer .small-only-order-8 {
      order: 8; } }
  header .small-order-8,
  footer .small-order-8 {
    order: 8; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-9,
    footer .small-only-order-9 {
      order: 9; } }
  header .small-order-9,
  footer .small-order-9 {
    order: 9; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-10,
    footer .small-only-order-10 {
      order: 10; } }
  header .small-order-10,
  footer .small-order-10 {
    order: 10; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-11,
    footer .small-only-order-11 {
      order: 11; } }
  header .small-order-11,
  footer .small-order-11 {
    order: 11; }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-order-12,
    footer .small-only-order-12 {
      order: 12; } }
  header .small-order-12,
  footer .small-order-12 {
    order: 12; }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-1,
    footer .medium-only-order-1 {
      order: 1; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-1,
    footer .medium-order-1 {
      order: 1; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-2,
    footer .medium-only-order-2 {
      order: 2; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-2,
    footer .medium-order-2 {
      order: 2; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-3,
    footer .medium-only-order-3 {
      order: 3; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-3,
    footer .medium-order-3 {
      order: 3; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-4,
    footer .medium-only-order-4 {
      order: 4; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-4,
    footer .medium-order-4 {
      order: 4; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-5,
    footer .medium-only-order-5 {
      order: 5; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-5,
    footer .medium-order-5 {
      order: 5; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-6,
    footer .medium-only-order-6 {
      order: 6; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-6,
    footer .medium-order-6 {
      order: 6; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-7,
    footer .medium-only-order-7 {
      order: 7; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-7,
    footer .medium-order-7 {
      order: 7; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-8,
    footer .medium-only-order-8 {
      order: 8; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-8,
    footer .medium-order-8 {
      order: 8; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-9,
    footer .medium-only-order-9 {
      order: 9; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-9,
    footer .medium-order-9 {
      order: 9; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-10,
    footer .medium-only-order-10 {
      order: 10; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-10,
    footer .medium-order-10 {
      order: 10; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-11,
    footer .medium-only-order-11 {
      order: 11; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-11,
    footer .medium-order-11 {
      order: 11; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-order-12,
    footer .medium-only-order-12 {
      order: 12; } }
  @media screen and (min-width: 46rem) {
    header .medium-order-12,
    footer .medium-order-12 {
      order: 12; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-1,
    footer .large-only-order-1 {
      order: 1; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-1,
    footer .large-order-1 {
      order: 1; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-2,
    footer .large-only-order-2 {
      order: 2; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-2,
    footer .large-order-2 {
      order: 2; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-3,
    footer .large-only-order-3 {
      order: 3; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-3,
    footer .large-order-3 {
      order: 3; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-4,
    footer .large-only-order-4 {
      order: 4; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-4,
    footer .large-order-4 {
      order: 4; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-5,
    footer .large-only-order-5 {
      order: 5; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-5,
    footer .large-order-5 {
      order: 5; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-6,
    footer .large-only-order-6 {
      order: 6; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-6,
    footer .large-order-6 {
      order: 6; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-7,
    footer .large-only-order-7 {
      order: 7; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-7,
    footer .large-order-7 {
      order: 7; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-8,
    footer .large-only-order-8 {
      order: 8; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-8,
    footer .large-order-8 {
      order: 8; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-9,
    footer .large-only-order-9 {
      order: 9; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-9,
    footer .large-order-9 {
      order: 9; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-10,
    footer .large-only-order-10 {
      order: 10; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-10,
    footer .large-order-10 {
      order: 10; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-11,
    footer .large-only-order-11 {
      order: 11; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-11,
    footer .large-order-11 {
      order: 11; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-order-12,
    footer .large-only-order-12 {
      order: 12; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-order-12,
    footer .large-order-12 {
      order: 12; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-1,
    footer .xlarge-only-order-1 {
      order: 1; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-1,
    footer .xlarge-order-1 {
      order: 1; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-2,
    footer .xlarge-only-order-2 {
      order: 2; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-2,
    footer .xlarge-order-2 {
      order: 2; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-3,
    footer .xlarge-only-order-3 {
      order: 3; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-3,
    footer .xlarge-order-3 {
      order: 3; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-4,
    footer .xlarge-only-order-4 {
      order: 4; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-4,
    footer .xlarge-order-4 {
      order: 4; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-5,
    footer .xlarge-only-order-5 {
      order: 5; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-5,
    footer .xlarge-order-5 {
      order: 5; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-6,
    footer .xlarge-only-order-6 {
      order: 6; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-6,
    footer .xlarge-order-6 {
      order: 6; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-7,
    footer .xlarge-only-order-7 {
      order: 7; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-7,
    footer .xlarge-order-7 {
      order: 7; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-8,
    footer .xlarge-only-order-8 {
      order: 8; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-8,
    footer .xlarge-order-8 {
      order: 8; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-9,
    footer .xlarge-only-order-9 {
      order: 9; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-9,
    footer .xlarge-order-9 {
      order: 9; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-10,
    footer .xlarge-only-order-10 {
      order: 10; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-10,
    footer .xlarge-order-10 {
      order: 10; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-11,
    footer .xlarge-only-order-11 {
      order: 11; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-11,
    footer .xlarge-order-11 {
      order: 11; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-order-12,
    footer .xlarge-only-order-12 {
      order: 12; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-order-12,
    footer .xlarge-order-12 {
      order: 12; } }
  @media screen and (max-width: 45.9375rem) {
    header .small-only-float-right,
    footer .small-only-float-right {
      float: right; }
    header .small-only-float-left,
    footer .small-only-float-left {
      float: left; }
    header .small-only-float-none,
    footer .small-only-float-none {
      float: none; } }
  header .small-float-right,
  footer .small-float-right {
    float: right; }
  header .small-float-left,
  footer .small-float-left {
    float: left; }
  header .small-float-none,
  footer .small-float-none {
    float: none; }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .medium-only-float-right,
    footer .medium-only-float-right {
      float: right; }
    header .medium-only-float-left,
    footer .medium-only-float-left {
      float: left; }
    header .medium-only-float-none,
    footer .medium-only-float-none {
      float: none; } }
  @media screen and (min-width: 46rem) {
    header .medium-float-right,
    footer .medium-float-right {
      float: right; }
    header .medium-float-left,
    footer .medium-float-left {
      float: left; }
    header .medium-float-none,
    footer .medium-float-none {
      float: none; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .large-only-float-right,
    footer .large-only-float-right {
      float: right; }
    header .large-only-float-left,
    footer .large-only-float-left {
      float: left; }
    header .large-only-float-none,
    footer .large-only-float-none {
      float: none; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-float-right,
    footer .large-float-right {
      float: right; }
    header .large-float-left,
    footer .large-float-left {
      float: left; }
    header .large-float-none,
    footer .large-float-none {
      float: none; } }
  @media screen and (min-width: 76.5625rem) and (max-width: 89.9375rem) {
    header .xlarge-only-float-right,
    footer .xlarge-only-float-right {
      float: right; }
    header .xlarge-only-float-left,
    footer .xlarge-only-float-left {
      float: left; }
    header .xlarge-only-float-none,
    footer .xlarge-only-float-none {
      float: none; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-float-right,
    footer .xlarge-float-right {
      float: right; }
    header .xlarge-float-left,
    footer .xlarge-float-left {
      float: left; }
    header .xlarge-float-none,
    footer .xlarge-float-none {
      float: none; } }
  header .small-display--inline,
  footer .small-display--inline {
    display: inline; }
  header .small-display--flex,
  footer .small-display--flex {
    display: flex; }
  @media screen and (min-width: 46rem) {
    header .medium-display--inline,
    footer .medium-display--inline {
      display: inline; } }
  @media screen and (min-width: 46rem) {
    header .medium-display--flex,
    footer .medium-display--flex {
      display: flex; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-display--inline,
    footer .large-display--inline {
      display: inline; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-display--flex,
    footer .large-display--flex {
      display: flex; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-display--inline,
    footer .xlarge-display--inline {
      display: inline; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-display--flex,
    footer .xlarge-display--flex {
      display: flex; } }
  header .show-for-sr,
  footer .show-for-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      header .safari-only.a11y-outline-color--blue:focus,
      footer .safari-only.a11y-outline-color--blue:focus {
        outline: 2px solid #005fcc !important;
        position: relative;
        overflow: hidden; } } }
  header .column.row.row, header .row.row.columns,
  header .row.row.columns,
  footer .column.row.row,
  footer .row.row.columns,
  footer .row.row.columns {
    display: flex; }
  @media screen and (min-width: 63.9375rem) {
    header .row,
    header .container,
    footer .row,
    footer .container {
      max-width: 75rem;
      /* 1 */ } }
  header .container,
  footer .container {
    margin-right: auto;
    margin-left: auto; }
  header [href^='tel:'],
  footer [href^='tel:'] {
    white-space: nowrap;
    color: #0075BE; }
    @media screen and (min-width: 63.9375rem) {
      header [href^='tel:'],
      footer [href^='tel:'] {
        pointer-events: auto; }
        header [href^='tel:']:hover, header [href^='tel:']:focus, header [href^='tel:']:active,
        footer [href^='tel:']:hover,
        footer [href^='tel:']:focus,
        footer [href^='tel:']:active {
          text-decoration: underline; } }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      header [href^='tel:'],
      footer [href^='tel:'] {
        color: #FEFEFE; } }
  header html::before,
  footer html::before {
    content: '{"colors":{"primary":{"ultramarine":"#005587","default":"#0075BE","access":"#0075be","cerulean":"#73c3eb","azure":"#bedceb","slate":"#001928","granite":"#646c76","grey":"#929ba9","light-grey":"#d9dce1","albicant":"#f5f6f7","white":"#FEFEFE","porcelain":"#f4f6f7","polar":"#e6f9fe"},"complimentary":{"sky-blue":"#009ec9","poolside":"#2cbfc1","lilac":"#6a88c3","retrospect":"#00e7b4","olive":"#c3c070","orchid":"#d061a1","sunflower":"#ffc827","maraschino":"#e9425f"},"feedback":{"negative":"#c81414","negative-dark":"#820e0e","positive":"#0b8224"}},"spacing":{"xx-small":"0.125em","x-small":"0.25em","small":"0.5em","medium":"0.75em","large":"1em","x-large":"1.25em","xx-large":"1.5em","xxx-large":"2em","unit-2x":"2em","unit-2-point-5x":"2.5em","unit-3x":"3em","unit-4x":"4em","unit-5x":"5em","unit-6x":"6em","unit-8x":"8em","unit-10x":"10em","unit-11x":"11em","unit-12x":"12em","unit-15x":"15em","unit-16x":"16em","unit-18x":"18em","unit-20x":"20em"},"font":{"numeric-unicode-range":["U+0025","U+0030-0039"],"primary":["Heebo","sans-serif"]},"breakpoints":{"small":0,"medium":736,"large":1023,"xlarge":1225,"xxlarge":1440}}';
    position: absolute;
    z-index: -9999;
    visibility: hidden;
    display: none; }
  header ul,
  footer ul {
    margin: 0;
    padding: 0; }
  header ol,
  header ul ol,
  footer ol,
  footer ul ol {
    padding-left: 1em;
    margin: 0; }
  header li,
  footer li {
    /**
   * List with the attribute [data-item-symbol] has a custom symbol for the 'bullet'.
   *
   * 1. Cannot be position static in order to place the ::before pseudo element.
   * 2. Remove the list styling since it will be custom.
   */ }
    header li[data-item-symbol],
    footer li[data-item-symbol] {
      position: relative;
      /* 1 */
      list-style: none;
      /* 2 */
      /**
     * The pseudo element contains the actual symbol.
     *
     * 1. The symbol to display, cannot be html entity must be ACTUAL symbol.
     */ }
      header li[data-item-symbol]::before,
      footer li[data-item-symbol]::before {
        content: attr(data-item-symbol);
        /* 1 */
        position: absolute;
        left: -1rem; }
  header iframe,
  footer iframe {
    display: block;
    width: 100%;
    border: 0; }
  header video,
  footer video {
    max-width: 100%; }
  header figure,
  footer figure {
    margin: 0; }
  header a,
  footer a {
    display: inline-block;
    /* 1 */
    transition: color 300ms ease, background-color 300ms ease;
    /* 2 */
    /**
   * 1. Anchors inside sup elements MUST be inline otherwise they break into the next line.
   */
    /**
   * 1. External links should have an external icon next to it, unless specified by a data[no-icon]
   */ }
    sup > header a, sup >
    footer a {
      display: inline;
      /* 1 */
      font-weight: 500; }
    header a.external-link::after,
    footer a.external-link::after {
      display: inline-block;
      content: ' ';
      background-image: url("/dist/images/bmo-ext-link.png");
      background-size: 8px 8px;
      height: 8px;
      width: 8px;
      margin-left: 2px; }
  header button,
  footer button {
    cursor: pointer; }
  header fieldset,
  footer fieldset {
    border: none; }
  header input[type="text"],
  header input[type="date"],
  header input[type="datetime"],
  header input[type="datetime-local"],
  header input[type="email"],
  header input[type="month"],
  header input[type="number"],
  header input[type="password"],
  header input[type="search"],
  header input[type="tel"],
  header input[type="time"],
  header input[type="url"],
  header input[type="week"],
  footer input[type="text"],
  footer input[type="date"],
  footer input[type="datetime"],
  footer input[type="datetime-local"],
  footer input[type="email"],
  footer input[type="month"],
  footer input[type="number"],
  footer input[type="password"],
  footer input[type="search"],
  footer input[type="tel"],
  footer input[type="time"],
  footer input[type="url"],
  footer input[type="week"] {
    width: 100%; }
  header input,
  footer input {
    box-sizing: border-box; }
  header picture,
  footer picture {
    display: block; }
  header sub,
  header sup,
  footer sub,
  footer sup {
    font-size: 70%; }
  header sup,
  footer sup {
    top: -0.35em;
    /* 1 */ }
  header hr,
  footer hr {
    width: 100%;
    max-width: 75rem !important; }
  header input::-webkit-calendar-picker-indicator,
  footer input::-webkit-calendar-picker-indicator {
    display: none; }
  header .size-text,
  footer .size-text {
    font-size: 1rem; }
  header .small-size-text,
  footer .small-size-text {
    font-size: 1rem; }
  @media screen and (min-width: 46rem) {
    header .medium-size-text,
    footer .medium-size-text {
      font-size: 1rem; } }
  @media screen and (min-width: 63.9375rem) {
    header .large-size-text,
    footer .large-size-text {
      font-size: 1rem; } }
  @media screen and (min-width: 76.5625rem) {
    header .xlarge-size-text,
    footer .xlarge-size-text {
      font-size: 1rem; } }
  @media screen and (min-width: 90rem) {
    header .xxlarge-size-text,
    footer .xxlarge-size-text {
      font-size: 1rem; } }
  header .font-size-zero,
  footer .font-size-zero {
    font-size: 0; }
  header .flex--none,
  footer .flex--none {
    flex: none; }
  header .flex-grow--0,
  footer .flex-grow--0 {
    flex-grow: 0; }
  header .flex-grow--1,
  footer .flex-grow--1 {
    flex-grow: 1; }
  header .flex-basis--inherit,
  footer .flex-basis--inherit {
    flex-basis: inherit; }
  header .flex-basis--auto,
  footer .flex-basis--auto {
    flex-basis: auto; }
  header .flex-basis--unset,
  footer .flex-basis--unset {
    flex-basis: unset; }
  header .shrink,
  footer .shrink {
    flex: 0 0 auto;
    max-width: 100%; }
  header .shrink--0,
  footer .shrink--0 {
    flex-shrink: 0; }
  header .flex-shrink--0,
  footer .flex-shrink--0 {
    flex-shrink: 0; }
  header .shrink--1,
  footer .shrink--1 {
    flex-shrink: 1; }
  header .flex-shrink--1,
  footer .flex-shrink--1 {
    flex-shrink: 1; }
  header .flex-flow--row-wrap,
  footer .flex-flow--row-wrap {
    flex-flow: row wrap; }
  header .flex-flow--row-nowrap,
  footer .flex-flow--row-nowrap {
    flex-flow: row nowrap; }
  header .flex-direction--row,
  footer .flex-direction--row {
    flex-direction: row; }
  header .flex-direction--column,
  footer .flex-direction--column {
    flex-direction: column; }
  header .flex-direction--column-reverse,
  footer .flex-direction--column-reverse {
    flex-direction: column-reverse; }
  header .flex-direction--initial,
  footer .flex-direction--initial {
    flex-direction: initial; }
  header .flex-direction--inherit,
  footer .flex-direction--inherit {
    flex-direction: inherit; }
  header .flex-direction--row-reverse,
  footer .flex-direction--row-reverse {
    flex-direction: row-reverse; }
  header .flex-wrap--nowrap,
  footer .flex-wrap--nowrap {
    flex-wrap: nowrap; }
  header .flex-wrap--wrap,
  footer .flex-wrap--wrap {
    flex-wrap: wrap; }
  header .flex-wrap--wrap-reverse,
  footer .flex-wrap--wrap-reverse {
    flex-wrap: wrap-reverse; }
  header .flex-wrap--initial,
  footer .flex-wrap--initial {
    flex-wrap: initial; }
  header .flex-wrap--inherit,
  footer .flex-wrap--inherit {
    flex-wrap: inherit; }
  header .justify-content--center,
  footer .justify-content--center {
    justify-content: center; }
  header .justify-content--start,
  footer .justify-content--start {
    justify-content: start; }
  header .justify-content--end,
  footer .justify-content--end {
    justify-content: end; }
  header .justify-content--flex-start,
  footer .justify-content--flex-start {
    justify-content: flex-start; }
  header .justify-content--flex-end,
  footer .justify-content--flex-end {
    justify-content: flex-end; }
  header .justify-content--left,
  footer .justify-content--left {
    justify-content: left; }
  header .justify-content--right,
  footer .justify-content--right {
    justify-content: right; }
  header .justify-content--normal,
  footer .justify-content--normal {
    justify-content: normal; }
  header .justify-content--space-between,
  footer .justify-content--space-between {
    justify-content: space-between; }
  header .justify-content--space-around,
  footer .justify-content--space-around {
    justify-content: space-around; }
  header .justify-content--space-evenly,
  footer .justify-content--space-evenly {
    justify-content: space-evenly; }
  header .justify-content--stretch,
  footer .justify-content--stretch {
    justify-content: stretch; }
  header .justify-content--inherit,
  footer .justify-content--inherit {
    justify-content: inherit; }
  header .justify-content--initial,
  footer .justify-content--initial {
    justify-content: initial; }
  header .justify-content--unset,
  footer .justify-content--unset {
    justify-content: unset; }
  header .align--left,
  footer .align--left {
    justify-content: flex-start; }
  header .align--right,
  footer .align--right {
    justify-content: flex-end; }
  header .align--center,
  footer .align--center {
    justify-content: center; }
  header .align--justify,
  footer .align--justify {
    justify-content: space-between; }
  header .align--spaced,
  footer .align--spaced {
    justify-content: space-around; }
  header .align--top,
  footer .align--top {
    align-items: flex-start; }
  header .align--bottom,
  footer .align--bottom {
    align-items: flex-end; }
  header .align--middle,
  footer .align--middle {
    align-items: center; }
  header .align--stretch,
  footer .align--stretch {
    align-items: stretch; }
  header .align-items--flex-start,
  footer .align-items--flex-start {
    align-items: flex-start; }
  header .align-items--flex-end,
  footer .align-items--flex-end {
    align-items: flex-end; }
  header .align-items--center,
  footer .align-items--center {
    align-items: center; }
  header .align-items--stretch,
  footer .align-items--stretch {
    align-items: stretch; }
  header .align-self--auto,
  footer .align-self--auto {
    align-self: auto; }
  header .align-self--stretch,
  footer .align-self--stretch {
    align-self: stretch; }
  header .align-self--middle,
  footer .align-self--middle {
    align-self: center; }
  header .align-self--top,
  footer .align-self--top {
    align-self: flex-start; }
  header .align-self--bottom,
  footer .align-self--bottom {
    align-self: flex-end; }
  header .flex--0,
  footer .flex--0 {
    flex: 0; }
  header .flex--1,
  footer .flex--1 {
    flex: 1; }
  header .flex--2,
  footer .flex--2 {
    flex: 2; }
  header .flex--3,
  footer .flex--3 {
    flex: 3; }
  header .flex--4,
  footer .flex--4 {
    flex: 4; }
  header .flex--5,
  footer .flex--5 {
    flex: 5; }
  header .flex--6,
  footer .flex--6 {
    flex: 6; }
  header .flex--7,
  footer .flex--7 {
    flex: 7; }
  header .flex--8,
  footer .flex--8 {
    flex: 8; }
  header .flex--9,
  footer .flex--9 {
    flex: 9; }
  header .sm-flex--none,
  footer .sm-flex--none {
    flex: none; }
  header .sm-flex-grow--0,
  footer .sm-flex-grow--0 {
    flex-grow: 0; }
  header .sm-flex-grow--1,
  footer .sm-flex-grow--1 {
    flex-grow: 1; }
  header .sm-flex-basis--inherit,
  footer .sm-flex-basis--inherit {
    flex-basis: inherit; }
  header .sm-flex-basis--auto,
  footer .sm-flex-basis--auto {
    flex-basis: auto; }
  header .sm-flex-basis--unset,
  footer .sm-flex-basis--unset {
    flex-basis: unset; }
  header .sm-shrink,
  footer .sm-shrink {
    flex: 0 0 auto;
    max-width: 100%; }
  header .sm-shrink--0,
  footer .sm-shrink--0 {
    flex-shrink: 0; }
  header .sm-flex-shrink--0,
  footer .sm-flex-shrink--0 {
    flex-shrink: 0; }
  header .sm-shrink--1,
  footer .sm-shrink--1 {
    flex-shrink: 1; }
  header .sm-flex-shrink--1,
  footer .sm-flex-shrink--1 {
    flex-shrink: 1; }
  header .sm-flex-flow--row-wrap,
  footer .sm-flex-flow--row-wrap {
    flex-flow: row wrap; }
  header .sm-flex-flow--row-nowrap,
  footer .sm-flex-flow--row-nowrap {
    flex-flow: row nowrap; }
  header .sm-flex-direction--row,
  footer .sm-flex-direction--row {
    flex-direction: row; }
  header .sm-flex-direction--column,
  footer .sm-flex-direction--column {
    flex-direction: column; }
  header .sm-flex-direction--column-reverse,
  footer .sm-flex-direction--column-reverse {
    flex-direction: column-reverse; }
  header .sm-flex-direction--initial,
  footer .sm-flex-direction--initial {
    flex-direction: initial; }
  header .sm-flex-direction--inherit,
  footer .sm-flex-direction--inherit {
    flex-direction: inherit; }
  header .sm-flex-direction--row-reverse,
  footer .sm-flex-direction--row-reverse {
    flex-direction: row-reverse; }
  header .sm-flex-wrap--nowrap,
  footer .sm-flex-wrap--nowrap {
    flex-wrap: nowrap; }
  header .sm-flex-wrap--wrap,
  footer .sm-flex-wrap--wrap {
    flex-wrap: wrap; }
  header .sm-flex-wrap--wrap-reverse,
  footer .sm-flex-wrap--wrap-reverse {
    flex-wrap: wrap-reverse; }
  header .sm-flex-wrap--initial,
  footer .sm-flex-wrap--initial {
    flex-wrap: initial; }
  header .sm-flex-wrap--inherit,
  footer .sm-flex-wrap--inherit {
    flex-wrap: inherit; }
  header .sm-justify-content--center,
  footer .sm-justify-content--center {
    justify-content: center; }
  header .sm-justify-content--start,
  footer .sm-justify-content--start {
    justify-content: start; }
  header .sm-justify-content--end,
  footer .sm-justify-content--end {
    justify-content: end; }
  header .sm-justify-content--flex-start,
  footer .sm-justify-content--flex-start {
    justify-content: flex-start; }
  header .sm-justify-content--flex-end,
  footer .sm-justify-content--flex-end {
    justify-content: flex-end; }
  header .sm-justify-content--left,
  footer .sm-justify-content--left {
    justify-content: left; }
  header .sm-justify-content--right,
  footer .sm-justify-content--right {
    justify-content: right; }
  header .sm-justify-content--normal,
  footer .sm-justify-content--normal {
    justify-content: normal; }
  header .sm-justify-content--space-between,
  footer .sm-justify-content--space-between {
    justify-content: space-between; }
  header .sm-justify-content--space-around,
  footer .sm-justify-content--space-around {
    justify-content: space-around; }
  header .sm-justify-content--space-evenly,
  footer .sm-justify-content--space-evenly {
    justify-content: space-evenly; }
  header .sm-justify-content--stretch,
  footer .sm-justify-content--stretch {
    justify-content: stretch; }
  header .sm-justify-content--inherit,
  footer .sm-justify-content--inherit {
    justify-content: inherit; }
  header .sm-justify-content--initial,
  footer .sm-justify-content--initial {
    justify-content: initial; }
  header .sm-justify-content--unset,
  footer .sm-justify-content--unset {
    justify-content: unset; }
  header .sm-align--left,
  footer .sm-align--left {
    justify-content: flex-start; }
  header .sm-align--right,
  footer .sm-align--right {
    justify-content: flex-end; }
  header .sm-align--center,
  footer .sm-align--center {
    justify-content: center; }
  header .sm-align--justify,
  footer .sm-align--justify {
    justify-content: space-between; }
  header .sm-align--spaced,
  footer .sm-align--spaced {
    justify-content: space-around; }
  header .sm-align--top,
  footer .sm-align--top {
    align-items: flex-start; }
  header .sm-align--bottom,
  footer .sm-align--bottom {
    align-items: flex-end; }
  header .sm-align--middle,
  footer .sm-align--middle {
    align-items: center; }
  header .sm-align--stretch,
  footer .sm-align--stretch {
    align-items: stretch; }
  header .sm-align-items--flex-start,
  footer .sm-align-items--flex-start {
    align-items: flex-start; }
  header .sm-align-items--flex-end,
  footer .sm-align-items--flex-end {
    align-items: flex-end; }
  header .sm-align-items--center,
  footer .sm-align-items--center {
    align-items: center; }
  header .sm-align-items--stretch,
  footer .sm-align-items--stretch {
    align-items: stretch; }
  header .sm-align-self--auto,
  footer .sm-align-self--auto {
    align-self: auto; }
  header .sm-align-self--stretch,
  footer .sm-align-self--stretch {
    align-self: stretch; }
  header .sm-align-self--middle,
  footer .sm-align-self--middle {
    align-self: center; }
  header .sm-align-self--top,
  footer .sm-align-self--top {
    align-self: flex-start; }
  header .sm-align-self--bottom,
  footer .sm-align-self--bottom {
    align-self: flex-end; }
  header .sm-flex--0,
  footer .sm-flex--0 {
    flex: 0; }
  header .sm-flex--1,
  footer .sm-flex--1 {
    flex: 1; }
  header .sm-flex--2,
  footer .sm-flex--2 {
    flex: 2; }
  header .sm-flex--3,
  footer .sm-flex--3 {
    flex: 3; }
  header .sm-flex--4,
  footer .sm-flex--4 {
    flex: 4; }
  header .sm-flex--5,
  footer .sm-flex--5 {
    flex: 5; }
  header .sm-flex--6,
  footer .sm-flex--6 {
    flex: 6; }
  header .sm-flex--7,
  footer .sm-flex--7 {
    flex: 7; }
  header .sm-flex--8,
  footer .sm-flex--8 {
    flex: 8; }
  header .sm-flex--9,
  footer .sm-flex--9 {
    flex: 9; }
  @media screen and (max-width: 45.9375rem) {
    header .sm-only-flex--none,
    footer .sm-only-flex--none {
      flex: none; }
    header .sm-only-flex-grow--0,
    footer .sm-only-flex-grow--0 {
      flex-grow: 0; }
    header .sm-only-flex-grow--1,
    footer .sm-only-flex-grow--1 {
      flex-grow: 1; }
    header .sm-only-flex-basis--inherit,
    footer .sm-only-flex-basis--inherit {
      flex-basis: inherit; }
    header .sm-only-flex-basis--auto,
    footer .sm-only-flex-basis--auto {
      flex-basis: auto; }
    header .sm-only-flex-basis--unset,
    footer .sm-only-flex-basis--unset {
      flex-basis: unset; }
    header .sm-only-shrink,
    footer .sm-only-shrink {
      flex: 0 0 auto;
      max-width: 100%; }
    header .sm-only-shrink--0,
    footer .sm-only-shrink--0 {
      flex-shrink: 0; }
    header .sm-only-flex-shrink--0,
    footer .sm-only-flex-shrink--0 {
      flex-shrink: 0; }
    header .sm-only-shrink--1,
    footer .sm-only-shrink--1 {
      flex-shrink: 1; }
    header .sm-only-flex-shrink--1,
    footer .sm-only-flex-shrink--1 {
      flex-shrink: 1; }
    header .sm-only-flex-flow--row-wrap,
    footer .sm-only-flex-flow--row-wrap {
      flex-flow: row wrap; }
    header .sm-only-flex-flow--row-nowrap,
    footer .sm-only-flex-flow--row-nowrap {
      flex-flow: row nowrap; }
    header .sm-only-flex-direction--row,
    footer .sm-only-flex-direction--row {
      flex-direction: row; }
    header .sm-only-flex-direction--column,
    footer .sm-only-flex-direction--column {
      flex-direction: column; }
    header .sm-only-flex-direction--column-reverse,
    footer .sm-only-flex-direction--column-reverse {
      flex-direction: column-reverse; }
    header .sm-only-flex-direction--initial,
    footer .sm-only-flex-direction--initial {
      flex-direction: initial; }
    header .sm-only-flex-direction--inherit,
    footer .sm-only-flex-direction--inherit {
      flex-direction: inherit; }
    header .sm-only-flex-direction--row-reverse,
    footer .sm-only-flex-direction--row-reverse {
      flex-direction: row-reverse; }
    header .sm-only-flex-wrap--nowrap,
    footer .sm-only-flex-wrap--nowrap {
      flex-wrap: nowrap; }
    header .sm-only-flex-wrap--wrap,
    footer .sm-only-flex-wrap--wrap {
      flex-wrap: wrap; }
    header .sm-only-flex-wrap--wrap-reverse,
    footer .sm-only-flex-wrap--wrap-reverse {
      flex-wrap: wrap-reverse; }
    header .sm-only-flex-wrap--initial,
    footer .sm-only-flex-wrap--initial {
      flex-wrap: initial; }
    header .sm-only-flex-wrap--inherit,
    footer .sm-only-flex-wrap--inherit {
      flex-wrap: inherit; }
    header .sm-only-justify-content--center,
    footer .sm-only-justify-content--center {
      justify-content: center; }
    header .sm-only-justify-content--start,
    footer .sm-only-justify-content--start {
      justify-content: start; }
    header .sm-only-justify-content--end,
    footer .sm-only-justify-content--end {
      justify-content: end; }
    header .sm-only-justify-content--flex-start,
    footer .sm-only-justify-content--flex-start {
      justify-content: flex-start; }
    header .sm-only-justify-content--flex-end,
    footer .sm-only-justify-content--flex-end {
      justify-content: flex-end; }
    header .sm-only-justify-content--left,
    footer .sm-only-justify-content--left {
      justify-content: left; }
    header .sm-only-justify-content--right,
    footer .sm-only-justify-content--right {
      justify-content: right; }
    header .sm-only-justify-content--normal,
    footer .sm-only-justify-content--normal {
      justify-content: normal; }
    header .sm-only-justify-content--space-between,
    footer .sm-only-justify-content--space-between {
      justify-content: space-between; }
    header .sm-only-justify-content--space-around,
    footer .sm-only-justify-content--space-around {
      justify-content: space-around; }
    header .sm-only-justify-content--space-evenly,
    footer .sm-only-justify-content--space-evenly {
      justify-content: space-evenly; }
    header .sm-only-justify-content--stretch,
    footer .sm-only-justify-content--stretch {
      justify-content: stretch; }
    header .sm-only-justify-content--inherit,
    footer .sm-only-justify-content--inherit {
      justify-content: inherit; }
    header .sm-only-justify-content--initial,
    footer .sm-only-justify-content--initial {
      justify-content: initial; }
    header .sm-only-justify-content--unset,
    footer .sm-only-justify-content--unset {
      justify-content: unset; }
    header .sm-only-align--left,
    footer .sm-only-align--left {
      justify-content: flex-start; }
    header .sm-only-align--right,
    footer .sm-only-align--right {
      justify-content: flex-end; }
    header .sm-only-align--center,
    footer .sm-only-align--center {
      justify-content: center; }
    header .sm-only-align--justify,
    footer .sm-only-align--justify {
      justify-content: space-between; }
    header .sm-only-align--spaced,
    footer .sm-only-align--spaced {
      justify-content: space-around; }
    header .sm-only-align--top,
    footer .sm-only-align--top {
      align-items: flex-start; }
    header .sm-only-align--bottom,
    footer .sm-only-align--bottom {
      align-items: flex-end; }
    header .sm-only-align--middle,
    footer .sm-only-align--middle {
      align-items: center; }
    header .sm-only-align--stretch,
    footer .sm-only-align--stretch {
      align-items: stretch; }
    header .sm-only-align-items--flex-start,
    footer .sm-only-align-items--flex-start {
      align-items: flex-start; }
    header .sm-only-align-items--flex-end,
    footer .sm-only-align-items--flex-end {
      align-items: flex-end; }
    header .sm-only-align-items--center,
    footer .sm-only-align-items--center {
      align-items: center; }
    header .sm-only-align-items--stretch,
    footer .sm-only-align-items--stretch {
      align-items: stretch; }
    header .sm-only-align-self--auto,
    footer .sm-only-align-self--auto {
      align-self: auto; }
    header .sm-only-align-self--stretch,
    footer .sm-only-align-self--stretch {
      align-self: stretch; }
    header .sm-only-align-self--middle,
    footer .sm-only-align-self--middle {
      align-self: center; }
    header .sm-only-align-self--top,
    footer .sm-only-align-self--top {
      align-self: flex-start; }
    header .sm-only-align-self--bottom,
    footer .sm-only-align-self--bottom {
      align-self: flex-end; }
    header .sm-only-flex--0,
    footer .sm-only-flex--0 {
      flex: 0; }
    header .sm-only-flex--1,
    footer .sm-only-flex--1 {
      flex: 1; }
    header .sm-only-flex--2,
    footer .sm-only-flex--2 {
      flex: 2; }
    header .sm-only-flex--3,
    footer .sm-only-flex--3 {
      flex: 3; }
    header .sm-only-flex--4,
    footer .sm-only-flex--4 {
      flex: 4; }
    header .sm-only-flex--5,
    footer .sm-only-flex--5 {
      flex: 5; }
    header .sm-only-flex--6,
    footer .sm-only-flex--6 {
      flex: 6; }
    header .sm-only-flex--7,
    footer .sm-only-flex--7 {
      flex: 7; }
    header .sm-only-flex--8,
    footer .sm-only-flex--8 {
      flex: 8; }
    header .sm-only-flex--9,
    footer .sm-only-flex--9 {
      flex: 9; } }
  @media screen and (min-width: 46rem) {
    header .md-flex--none,
    footer .md-flex--none {
      flex: none; }
    header .md-flex-grow--0,
    footer .md-flex-grow--0 {
      flex-grow: 0; }
    header .md-flex-grow--1,
    footer .md-flex-grow--1 {
      flex-grow: 1; }
    header .md-flex-basis--inherit,
    footer .md-flex-basis--inherit {
      flex-basis: inherit; }
    header .md-flex-basis--auto,
    footer .md-flex-basis--auto {
      flex-basis: auto; }
    header .md-flex-basis--unset,
    footer .md-flex-basis--unset {
      flex-basis: unset; }
    header .md-shrink,
    footer .md-shrink {
      flex: 0 0 auto;
      max-width: 100%; }
    header .md-shrink--0,
    footer .md-shrink--0 {
      flex-shrink: 0; }
    header .md-flex-shrink--0,
    footer .md-flex-shrink--0 {
      flex-shrink: 0; }
    header .md-shrink--1,
    footer .md-shrink--1 {
      flex-shrink: 1; }
    header .md-flex-shrink--1,
    footer .md-flex-shrink--1 {
      flex-shrink: 1; }
    header .md-flex-flow--row-wrap,
    footer .md-flex-flow--row-wrap {
      flex-flow: row wrap; }
    header .md-flex-flow--row-nowrap,
    footer .md-flex-flow--row-nowrap {
      flex-flow: row nowrap; }
    header .md-flex-direction--row,
    footer .md-flex-direction--row {
      flex-direction: row; }
    header .md-flex-direction--column,
    footer .md-flex-direction--column {
      flex-direction: column; }
    header .md-flex-direction--column-reverse,
    footer .md-flex-direction--column-reverse {
      flex-direction: column-reverse; }
    header .md-flex-direction--initial,
    footer .md-flex-direction--initial {
      flex-direction: initial; }
    header .md-flex-direction--inherit,
    footer .md-flex-direction--inherit {
      flex-direction: inherit; }
    header .md-flex-direction--row-reverse,
    footer .md-flex-direction--row-reverse {
      flex-direction: row-reverse; }
    header .md-flex-wrap--nowrap,
    footer .md-flex-wrap--nowrap {
      flex-wrap: nowrap; }
    header .md-flex-wrap--wrap,
    footer .md-flex-wrap--wrap {
      flex-wrap: wrap; }
    header .md-flex-wrap--wrap-reverse,
    footer .md-flex-wrap--wrap-reverse {
      flex-wrap: wrap-reverse; }
    header .md-flex-wrap--initial,
    footer .md-flex-wrap--initial {
      flex-wrap: initial; }
    header .md-flex-wrap--inherit,
    footer .md-flex-wrap--inherit {
      flex-wrap: inherit; }
    header .md-justify-content--center,
    footer .md-justify-content--center {
      justify-content: center; }
    header .md-justify-content--start,
    footer .md-justify-content--start {
      justify-content: start; }
    header .md-justify-content--end,
    footer .md-justify-content--end {
      justify-content: end; }
    header .md-justify-content--flex-start,
    footer .md-justify-content--flex-start {
      justify-content: flex-start; }
    header .md-justify-content--flex-end,
    footer .md-justify-content--flex-end {
      justify-content: flex-end; }
    header .md-justify-content--left,
    footer .md-justify-content--left {
      justify-content: left; }
    header .md-justify-content--right,
    footer .md-justify-content--right {
      justify-content: right; }
    header .md-justify-content--normal,
    footer .md-justify-content--normal {
      justify-content: normal; }
    header .md-justify-content--space-between,
    footer .md-justify-content--space-between {
      justify-content: space-between; }
    header .md-justify-content--space-around,
    footer .md-justify-content--space-around {
      justify-content: space-around; }
    header .md-justify-content--space-evenly,
    footer .md-justify-content--space-evenly {
      justify-content: space-evenly; }
    header .md-justify-content--stretch,
    footer .md-justify-content--stretch {
      justify-content: stretch; }
    header .md-justify-content--inherit,
    footer .md-justify-content--inherit {
      justify-content: inherit; }
    header .md-justify-content--initial,
    footer .md-justify-content--initial {
      justify-content: initial; }
    header .md-justify-content--unset,
    footer .md-justify-content--unset {
      justify-content: unset; }
    header .md-align--left,
    footer .md-align--left {
      justify-content: flex-start; }
    header .md-align--right,
    footer .md-align--right {
      justify-content: flex-end; }
    header .md-align--center,
    footer .md-align--center {
      justify-content: center; }
    header .md-align--justify,
    footer .md-align--justify {
      justify-content: space-between; }
    header .md-align--spaced,
    footer .md-align--spaced {
      justify-content: space-around; }
    header .md-align--top,
    footer .md-align--top {
      align-items: flex-start; }
    header .md-align--bottom,
    footer .md-align--bottom {
      align-items: flex-end; }
    header .md-align--middle,
    footer .md-align--middle {
      align-items: center; }
    header .md-align--stretch,
    footer .md-align--stretch {
      align-items: stretch; }
    header .md-align-items--flex-start,
    footer .md-align-items--flex-start {
      align-items: flex-start; }
    header .md-align-items--flex-end,
    footer .md-align-items--flex-end {
      align-items: flex-end; }
    header .md-align-items--center,
    footer .md-align-items--center {
      align-items: center; }
    header .md-align-items--stretch,
    footer .md-align-items--stretch {
      align-items: stretch; }
    header .md-align-self--auto,
    footer .md-align-self--auto {
      align-self: auto; }
    header .md-align-self--stretch,
    footer .md-align-self--stretch {
      align-self: stretch; }
    header .md-align-self--middle,
    footer .md-align-self--middle {
      align-self: center; }
    header .md-align-self--top,
    footer .md-align-self--top {
      align-self: flex-start; }
    header .md-align-self--bottom,
    footer .md-align-self--bottom {
      align-self: flex-end; }
    header .md-flex--0,
    footer .md-flex--0 {
      flex: 0; }
    header .md-flex--1,
    footer .md-flex--1 {
      flex: 1; }
    header .md-flex--2,
    footer .md-flex--2 {
      flex: 2; }
    header .md-flex--3,
    footer .md-flex--3 {
      flex: 3; }
    header .md-flex--4,
    footer .md-flex--4 {
      flex: 4; }
    header .md-flex--5,
    footer .md-flex--5 {
      flex: 5; }
    header .md-flex--6,
    footer .md-flex--6 {
      flex: 6; }
    header .md-flex--7,
    footer .md-flex--7 {
      flex: 7; }
    header .md-flex--8,
    footer .md-flex--8 {
      flex: 8; }
    header .md-flex--9,
    footer .md-flex--9 {
      flex: 9; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .md-only-flex--none,
    footer .md-only-flex--none {
      flex: none; }
    header .md-only-flex-grow--0,
    footer .md-only-flex-grow--0 {
      flex-grow: 0; }
    header .md-only-flex-grow--1,
    footer .md-only-flex-grow--1 {
      flex-grow: 1; }
    header .md-only-flex-basis--inherit,
    footer .md-only-flex-basis--inherit {
      flex-basis: inherit; }
    header .md-only-flex-basis--auto,
    footer .md-only-flex-basis--auto {
      flex-basis: auto; }
    header .md-only-flex-basis--unset,
    footer .md-only-flex-basis--unset {
      flex-basis: unset; }
    header .md-only-shrink,
    footer .md-only-shrink {
      flex: 0 0 auto;
      max-width: 100%; }
    header .md-only-shrink--0,
    footer .md-only-shrink--0 {
      flex-shrink: 0; }
    header .md-only-flex-shrink--0,
    footer .md-only-flex-shrink--0 {
      flex-shrink: 0; }
    header .md-only-shrink--1,
    footer .md-only-shrink--1 {
      flex-shrink: 1; }
    header .md-only-flex-shrink--1,
    footer .md-only-flex-shrink--1 {
      flex-shrink: 1; }
    header .md-only-flex-flow--row-wrap,
    footer .md-only-flex-flow--row-wrap {
      flex-flow: row wrap; }
    header .md-only-flex-flow--row-nowrap,
    footer .md-only-flex-flow--row-nowrap {
      flex-flow: row nowrap; }
    header .md-only-flex-direction--row,
    footer .md-only-flex-direction--row {
      flex-direction: row; }
    header .md-only-flex-direction--column,
    footer .md-only-flex-direction--column {
      flex-direction: column; }
    header .md-only-flex-direction--column-reverse,
    footer .md-only-flex-direction--column-reverse {
      flex-direction: column-reverse; }
    header .md-only-flex-direction--initial,
    footer .md-only-flex-direction--initial {
      flex-direction: initial; }
    header .md-only-flex-direction--inherit,
    footer .md-only-flex-direction--inherit {
      flex-direction: inherit; }
    header .md-only-flex-direction--row-reverse,
    footer .md-only-flex-direction--row-reverse {
      flex-direction: row-reverse; }
    header .md-only-flex-wrap--nowrap,
    footer .md-only-flex-wrap--nowrap {
      flex-wrap: nowrap; }
    header .md-only-flex-wrap--wrap,
    footer .md-only-flex-wrap--wrap {
      flex-wrap: wrap; }
    header .md-only-flex-wrap--wrap-reverse,
    footer .md-only-flex-wrap--wrap-reverse {
      flex-wrap: wrap-reverse; }
    header .md-only-flex-wrap--initial,
    footer .md-only-flex-wrap--initial {
      flex-wrap: initial; }
    header .md-only-flex-wrap--inherit,
    footer .md-only-flex-wrap--inherit {
      flex-wrap: inherit; }
    header .md-only-justify-content--center,
    footer .md-only-justify-content--center {
      justify-content: center; }
    header .md-only-justify-content--start,
    footer .md-only-justify-content--start {
      justify-content: start; }
    header .md-only-justify-content--end,
    footer .md-only-justify-content--end {
      justify-content: end; }
    header .md-only-justify-content--flex-start,
    footer .md-only-justify-content--flex-start {
      justify-content: flex-start; }
    header .md-only-justify-content--flex-end,
    footer .md-only-justify-content--flex-end {
      justify-content: flex-end; }
    header .md-only-justify-content--left,
    footer .md-only-justify-content--left {
      justify-content: left; }
    header .md-only-justify-content--right,
    footer .md-only-justify-content--right {
      justify-content: right; }
    header .md-only-justify-content--normal,
    footer .md-only-justify-content--normal {
      justify-content: normal; }
    header .md-only-justify-content--space-between,
    footer .md-only-justify-content--space-between {
      justify-content: space-between; }
    header .md-only-justify-content--space-around,
    footer .md-only-justify-content--space-around {
      justify-content: space-around; }
    header .md-only-justify-content--space-evenly,
    footer .md-only-justify-content--space-evenly {
      justify-content: space-evenly; }
    header .md-only-justify-content--stretch,
    footer .md-only-justify-content--stretch {
      justify-content: stretch; }
    header .md-only-justify-content--inherit,
    footer .md-only-justify-content--inherit {
      justify-content: inherit; }
    header .md-only-justify-content--initial,
    footer .md-only-justify-content--initial {
      justify-content: initial; }
    header .md-only-justify-content--unset,
    footer .md-only-justify-content--unset {
      justify-content: unset; }
    header .md-only-align--left,
    footer .md-only-align--left {
      justify-content: flex-start; }
    header .md-only-align--right,
    footer .md-only-align--right {
      justify-content: flex-end; }
    header .md-only-align--center,
    footer .md-only-align--center {
      justify-content: center; }
    header .md-only-align--justify,
    footer .md-only-align--justify {
      justify-content: space-between; }
    header .md-only-align--spaced,
    footer .md-only-align--spaced {
      justify-content: space-around; }
    header .md-only-align--top,
    footer .md-only-align--top {
      align-items: flex-start; }
    header .md-only-align--bottom,
    footer .md-only-align--bottom {
      align-items: flex-end; }
    header .md-only-align--middle,
    footer .md-only-align--middle {
      align-items: center; }
    header .md-only-align--stretch,
    footer .md-only-align--stretch {
      align-items: stretch; }
    header .md-only-align-items--flex-start,
    footer .md-only-align-items--flex-start {
      align-items: flex-start; }
    header .md-only-align-items--flex-end,
    footer .md-only-align-items--flex-end {
      align-items: flex-end; }
    header .md-only-align-items--center,
    footer .md-only-align-items--center {
      align-items: center; }
    header .md-only-align-items--stretch,
    footer .md-only-align-items--stretch {
      align-items: stretch; }
    header .md-only-align-self--auto,
    footer .md-only-align-self--auto {
      align-self: auto; }
    header .md-only-align-self--stretch,
    footer .md-only-align-self--stretch {
      align-self: stretch; }
    header .md-only-align-self--middle,
    footer .md-only-align-self--middle {
      align-self: center; }
    header .md-only-align-self--top,
    footer .md-only-align-self--top {
      align-self: flex-start; }
    header .md-only-align-self--bottom,
    footer .md-only-align-self--bottom {
      align-self: flex-end; }
    header .md-only-flex--0,
    footer .md-only-flex--0 {
      flex: 0; }
    header .md-only-flex--1,
    footer .md-only-flex--1 {
      flex: 1; }
    header .md-only-flex--2,
    footer .md-only-flex--2 {
      flex: 2; }
    header .md-only-flex--3,
    footer .md-only-flex--3 {
      flex: 3; }
    header .md-only-flex--4,
    footer .md-only-flex--4 {
      flex: 4; }
    header .md-only-flex--5,
    footer .md-only-flex--5 {
      flex: 5; }
    header .md-only-flex--6,
    footer .md-only-flex--6 {
      flex: 6; }
    header .md-only-flex--7,
    footer .md-only-flex--7 {
      flex: 7; }
    header .md-only-flex--8,
    footer .md-only-flex--8 {
      flex: 8; }
    header .md-only-flex--9,
    footer .md-only-flex--9 {
      flex: 9; } }
  @media screen and (min-width: 63.9375rem) {
    header .lg-flex--none,
    footer .lg-flex--none {
      flex: none; }
    header .lg-flex-grow--0,
    footer .lg-flex-grow--0 {
      flex-grow: 0; }
    header .lg-flex-grow--1,
    footer .lg-flex-grow--1 {
      flex-grow: 1; }
    header .lg-flex-basis--inherit,
    footer .lg-flex-basis--inherit {
      flex-basis: inherit; }
    header .lg-flex-basis--auto,
    footer .lg-flex-basis--auto {
      flex-basis: auto; }
    header .lg-flex-basis--unset,
    footer .lg-flex-basis--unset {
      flex-basis: unset; }
    header .lg-shrink,
    footer .lg-shrink {
      flex: 0 0 auto;
      max-width: 100%; }
    header .lg-shrink--0,
    footer .lg-shrink--0 {
      flex-shrink: 0; }
    header .lg-flex-shrink--0,
    footer .lg-flex-shrink--0 {
      flex-shrink: 0; }
    header .lg-shrink--1,
    footer .lg-shrink--1 {
      flex-shrink: 1; }
    header .lg-flex-shrink--1,
    footer .lg-flex-shrink--1 {
      flex-shrink: 1; }
    header .lg-flex-flow--row-wrap,
    footer .lg-flex-flow--row-wrap {
      flex-flow: row wrap; }
    header .lg-flex-flow--row-nowrap,
    footer .lg-flex-flow--row-nowrap {
      flex-flow: row nowrap; }
    header .lg-flex-direction--row,
    footer .lg-flex-direction--row {
      flex-direction: row; }
    header .lg-flex-direction--column,
    footer .lg-flex-direction--column {
      flex-direction: column; }
    header .lg-flex-direction--column-reverse,
    footer .lg-flex-direction--column-reverse {
      flex-direction: column-reverse; }
    header .lg-flex-direction--initial,
    footer .lg-flex-direction--initial {
      flex-direction: initial; }
    header .lg-flex-direction--inherit,
    footer .lg-flex-direction--inherit {
      flex-direction: inherit; }
    header .lg-flex-direction--row-reverse,
    footer .lg-flex-direction--row-reverse {
      flex-direction: row-reverse; }
    header .lg-flex-wrap--nowrap,
    footer .lg-flex-wrap--nowrap {
      flex-wrap: nowrap; }
    header .lg-flex-wrap--wrap,
    footer .lg-flex-wrap--wrap {
      flex-wrap: wrap; }
    header .lg-flex-wrap--wrap-reverse,
    footer .lg-flex-wrap--wrap-reverse {
      flex-wrap: wrap-reverse; }
    header .lg-flex-wrap--initial,
    footer .lg-flex-wrap--initial {
      flex-wrap: initial; }
    header .lg-flex-wrap--inherit,
    footer .lg-flex-wrap--inherit {
      flex-wrap: inherit; }
    header .lg-justify-content--center,
    footer .lg-justify-content--center {
      justify-content: center; }
    header .lg-justify-content--start,
    footer .lg-justify-content--start {
      justify-content: start; }
    header .lg-justify-content--end,
    footer .lg-justify-content--end {
      justify-content: end; }
    header .lg-justify-content--flex-start,
    footer .lg-justify-content--flex-start {
      justify-content: flex-start; }
    header .lg-justify-content--flex-end,
    footer .lg-justify-content--flex-end {
      justify-content: flex-end; }
    header .lg-justify-content--left,
    footer .lg-justify-content--left {
      justify-content: left; }
    header .lg-justify-content--right,
    footer .lg-justify-content--right {
      justify-content: right; }
    header .lg-justify-content--normal,
    footer .lg-justify-content--normal {
      justify-content: normal; }
    header .lg-justify-content--space-between,
    footer .lg-justify-content--space-between {
      justify-content: space-between; }
    header .lg-justify-content--space-around,
    footer .lg-justify-content--space-around {
      justify-content: space-around; }
    header .lg-justify-content--space-evenly,
    footer .lg-justify-content--space-evenly {
      justify-content: space-evenly; }
    header .lg-justify-content--stretch,
    footer .lg-justify-content--stretch {
      justify-content: stretch; }
    header .lg-justify-content--inherit,
    footer .lg-justify-content--inherit {
      justify-content: inherit; }
    header .lg-justify-content--initial,
    footer .lg-justify-content--initial {
      justify-content: initial; }
    header .lg-justify-content--unset,
    footer .lg-justify-content--unset {
      justify-content: unset; }
    header .lg-align--left,
    footer .lg-align--left {
      justify-content: flex-start; }
    header .lg-align--right,
    footer .lg-align--right {
      justify-content: flex-end; }
    header .lg-align--center,
    footer .lg-align--center {
      justify-content: center; }
    header .lg-align--justify,
    footer .lg-align--justify {
      justify-content: space-between; }
    header .lg-align--spaced,
    footer .lg-align--spaced {
      justify-content: space-around; }
    header .lg-align--top,
    footer .lg-align--top {
      align-items: flex-start; }
    header .lg-align--bottom,
    footer .lg-align--bottom {
      align-items: flex-end; }
    header .lg-align--middle,
    footer .lg-align--middle {
      align-items: center; }
    header .lg-align--stretch,
    footer .lg-align--stretch {
      align-items: stretch; }
    header .lg-align-items--flex-start,
    footer .lg-align-items--flex-start {
      align-items: flex-start; }
    header .lg-align-items--flex-end,
    footer .lg-align-items--flex-end {
      align-items: flex-end; }
    header .lg-align-items--center,
    footer .lg-align-items--center {
      align-items: center; }
    header .lg-align-items--stretch,
    footer .lg-align-items--stretch {
      align-items: stretch; }
    header .lg-align-self--auto,
    footer .lg-align-self--auto {
      align-self: auto; }
    header .lg-align-self--stretch,
    footer .lg-align-self--stretch {
      align-self: stretch; }
    header .lg-align-self--middle,
    footer .lg-align-self--middle {
      align-self: center; }
    header .lg-align-self--top,
    footer .lg-align-self--top {
      align-self: flex-start; }
    header .lg-align-self--bottom,
    footer .lg-align-self--bottom {
      align-self: flex-end; }
    header .lg-flex--0,
    footer .lg-flex--0 {
      flex: 0; }
    header .lg-flex--1,
    footer .lg-flex--1 {
      flex: 1; }
    header .lg-flex--2,
    footer .lg-flex--2 {
      flex: 2; }
    header .lg-flex--3,
    footer .lg-flex--3 {
      flex: 3; }
    header .lg-flex--4,
    footer .lg-flex--4 {
      flex: 4; }
    header .lg-flex--5,
    footer .lg-flex--5 {
      flex: 5; }
    header .lg-flex--6,
    footer .lg-flex--6 {
      flex: 6; }
    header .lg-flex--7,
    footer .lg-flex--7 {
      flex: 7; }
    header .lg-flex--8,
    footer .lg-flex--8 {
      flex: 8; }
    header .lg-flex--9,
    footer .lg-flex--9 {
      flex: 9; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .lg-only-flex--none,
    footer .lg-only-flex--none {
      flex: none; }
    header .lg-only-flex-grow--0,
    footer .lg-only-flex-grow--0 {
      flex-grow: 0; }
    header .lg-only-flex-grow--1,
    footer .lg-only-flex-grow--1 {
      flex-grow: 1; }
    header .lg-only-flex-basis--inherit,
    footer .lg-only-flex-basis--inherit {
      flex-basis: inherit; }
    header .lg-only-flex-basis--auto,
    footer .lg-only-flex-basis--auto {
      flex-basis: auto; }
    header .lg-only-flex-basis--unset,
    footer .lg-only-flex-basis--unset {
      flex-basis: unset; }
    header .lg-only-shrink,
    footer .lg-only-shrink {
      flex: 0 0 auto;
      max-width: 100%; }
    header .lg-only-shrink--0,
    footer .lg-only-shrink--0 {
      flex-shrink: 0; }
    header .lg-only-flex-shrink--0,
    footer .lg-only-flex-shrink--0 {
      flex-shrink: 0; }
    header .lg-only-shrink--1,
    footer .lg-only-shrink--1 {
      flex-shrink: 1; }
    header .lg-only-flex-shrink--1,
    footer .lg-only-flex-shrink--1 {
      flex-shrink: 1; }
    header .lg-only-flex-flow--row-wrap,
    footer .lg-only-flex-flow--row-wrap {
      flex-flow: row wrap; }
    header .lg-only-flex-flow--row-nowrap,
    footer .lg-only-flex-flow--row-nowrap {
      flex-flow: row nowrap; }
    header .lg-only-flex-direction--row,
    footer .lg-only-flex-direction--row {
      flex-direction: row; }
    header .lg-only-flex-direction--column,
    footer .lg-only-flex-direction--column {
      flex-direction: column; }
    header .lg-only-flex-direction--column-reverse,
    footer .lg-only-flex-direction--column-reverse {
      flex-direction: column-reverse; }
    header .lg-only-flex-direction--initial,
    footer .lg-only-flex-direction--initial {
      flex-direction: initial; }
    header .lg-only-flex-direction--inherit,
    footer .lg-only-flex-direction--inherit {
      flex-direction: inherit; }
    header .lg-only-flex-direction--row-reverse,
    footer .lg-only-flex-direction--row-reverse {
      flex-direction: row-reverse; }
    header .lg-only-flex-wrap--nowrap,
    footer .lg-only-flex-wrap--nowrap {
      flex-wrap: nowrap; }
    header .lg-only-flex-wrap--wrap,
    footer .lg-only-flex-wrap--wrap {
      flex-wrap: wrap; }
    header .lg-only-flex-wrap--wrap-reverse,
    footer .lg-only-flex-wrap--wrap-reverse {
      flex-wrap: wrap-reverse; }
    header .lg-only-flex-wrap--initial,
    footer .lg-only-flex-wrap--initial {
      flex-wrap: initial; }
    header .lg-only-flex-wrap--inherit,
    footer .lg-only-flex-wrap--inherit {
      flex-wrap: inherit; }
    header .lg-only-justify-content--center,
    footer .lg-only-justify-content--center {
      justify-content: center; }
    header .lg-only-justify-content--start,
    footer .lg-only-justify-content--start {
      justify-content: start; }
    header .lg-only-justify-content--end,
    footer .lg-only-justify-content--end {
      justify-content: end; }
    header .lg-only-justify-content--flex-start,
    footer .lg-only-justify-content--flex-start {
      justify-content: flex-start; }
    header .lg-only-justify-content--flex-end,
    footer .lg-only-justify-content--flex-end {
      justify-content: flex-end; }
    header .lg-only-justify-content--left,
    footer .lg-only-justify-content--left {
      justify-content: left; }
    header .lg-only-justify-content--right,
    footer .lg-only-justify-content--right {
      justify-content: right; }
    header .lg-only-justify-content--normal,
    footer .lg-only-justify-content--normal {
      justify-content: normal; }
    header .lg-only-justify-content--space-between,
    footer .lg-only-justify-content--space-between {
      justify-content: space-between; }
    header .lg-only-justify-content--space-around,
    footer .lg-only-justify-content--space-around {
      justify-content: space-around; }
    header .lg-only-justify-content--space-evenly,
    footer .lg-only-justify-content--space-evenly {
      justify-content: space-evenly; }
    header .lg-only-justify-content--stretch,
    footer .lg-only-justify-content--stretch {
      justify-content: stretch; }
    header .lg-only-justify-content--inherit,
    footer .lg-only-justify-content--inherit {
      justify-content: inherit; }
    header .lg-only-justify-content--initial,
    footer .lg-only-justify-content--initial {
      justify-content: initial; }
    header .lg-only-justify-content--unset,
    footer .lg-only-justify-content--unset {
      justify-content: unset; }
    header .lg-only-align--left,
    footer .lg-only-align--left {
      justify-content: flex-start; }
    header .lg-only-align--right,
    footer .lg-only-align--right {
      justify-content: flex-end; }
    header .lg-only-align--center,
    footer .lg-only-align--center {
      justify-content: center; }
    header .lg-only-align--justify,
    footer .lg-only-align--justify {
      justify-content: space-between; }
    header .lg-only-align--spaced,
    footer .lg-only-align--spaced {
      justify-content: space-around; }
    header .lg-only-align--top,
    footer .lg-only-align--top {
      align-items: flex-start; }
    header .lg-only-align--bottom,
    footer .lg-only-align--bottom {
      align-items: flex-end; }
    header .lg-only-align--middle,
    footer .lg-only-align--middle {
      align-items: center; }
    header .lg-only-align--stretch,
    footer .lg-only-align--stretch {
      align-items: stretch; }
    header .lg-only-align-items--flex-start,
    footer .lg-only-align-items--flex-start {
      align-items: flex-start; }
    header .lg-only-align-items--flex-end,
    footer .lg-only-align-items--flex-end {
      align-items: flex-end; }
    header .lg-only-align-items--center,
    footer .lg-only-align-items--center {
      align-items: center; }
    header .lg-only-align-items--stretch,
    footer .lg-only-align-items--stretch {
      align-items: stretch; }
    header .lg-only-align-self--auto,
    footer .lg-only-align-self--auto {
      align-self: auto; }
    header .lg-only-align-self--stretch,
    footer .lg-only-align-self--stretch {
      align-self: stretch; }
    header .lg-only-align-self--middle,
    footer .lg-only-align-self--middle {
      align-self: center; }
    header .lg-only-align-self--top,
    footer .lg-only-align-self--top {
      align-self: flex-start; }
    header .lg-only-align-self--bottom,
    footer .lg-only-align-self--bottom {
      align-self: flex-end; }
    header .lg-only-flex--0,
    footer .lg-only-flex--0 {
      flex: 0; }
    header .lg-only-flex--1,
    footer .lg-only-flex--1 {
      flex: 1; }
    header .lg-only-flex--2,
    footer .lg-only-flex--2 {
      flex: 2; }
    header .lg-only-flex--3,
    footer .lg-only-flex--3 {
      flex: 3; }
    header .lg-only-flex--4,
    footer .lg-only-flex--4 {
      flex: 4; }
    header .lg-only-flex--5,
    footer .lg-only-flex--5 {
      flex: 5; }
    header .lg-only-flex--6,
    footer .lg-only-flex--6 {
      flex: 6; }
    header .lg-only-flex--7,
    footer .lg-only-flex--7 {
      flex: 7; }
    header .lg-only-flex--8,
    footer .lg-only-flex--8 {
      flex: 8; }
    header .lg-only-flex--9,
    footer .lg-only-flex--9 {
      flex: 9; } }
  @media screen and (min-width: 76.5625rem) {
    header .xl-flex--none,
    footer .xl-flex--none {
      flex: none; }
    header .xl-flex-grow--0,
    footer .xl-flex-grow--0 {
      flex-grow: 0; }
    header .xl-flex-grow--1,
    footer .xl-flex-grow--1 {
      flex-grow: 1; }
    header .xl-flex-basis--inherit,
    footer .xl-flex-basis--inherit {
      flex-basis: inherit; }
    header .xl-flex-basis--auto,
    footer .xl-flex-basis--auto {
      flex-basis: auto; }
    header .xl-flex-basis--unset,
    footer .xl-flex-basis--unset {
      flex-basis: unset; }
    header .xl-shrink,
    footer .xl-shrink {
      flex: 0 0 auto;
      max-width: 100%; }
    header .xl-shrink--0,
    footer .xl-shrink--0 {
      flex-shrink: 0; }
    header .xl-flex-shrink--0,
    footer .xl-flex-shrink--0 {
      flex-shrink: 0; }
    header .xl-shrink--1,
    footer .xl-shrink--1 {
      flex-shrink: 1; }
    header .xl-flex-shrink--1,
    footer .xl-flex-shrink--1 {
      flex-shrink: 1; }
    header .xl-flex-flow--row-wrap,
    footer .xl-flex-flow--row-wrap {
      flex-flow: row wrap; }
    header .xl-flex-flow--row-nowrap,
    footer .xl-flex-flow--row-nowrap {
      flex-flow: row nowrap; }
    header .xl-flex-direction--row,
    footer .xl-flex-direction--row {
      flex-direction: row; }
    header .xl-flex-direction--column,
    footer .xl-flex-direction--column {
      flex-direction: column; }
    header .xl-flex-direction--column-reverse,
    footer .xl-flex-direction--column-reverse {
      flex-direction: column-reverse; }
    header .xl-flex-direction--initial,
    footer .xl-flex-direction--initial {
      flex-direction: initial; }
    header .xl-flex-direction--inherit,
    footer .xl-flex-direction--inherit {
      flex-direction: inherit; }
    header .xl-flex-direction--row-reverse,
    footer .xl-flex-direction--row-reverse {
      flex-direction: row-reverse; }
    header .xl-flex-wrap--nowrap,
    footer .xl-flex-wrap--nowrap {
      flex-wrap: nowrap; }
    header .xl-flex-wrap--wrap,
    footer .xl-flex-wrap--wrap {
      flex-wrap: wrap; }
    header .xl-flex-wrap--wrap-reverse,
    footer .xl-flex-wrap--wrap-reverse {
      flex-wrap: wrap-reverse; }
    header .xl-flex-wrap--initial,
    footer .xl-flex-wrap--initial {
      flex-wrap: initial; }
    header .xl-flex-wrap--inherit,
    footer .xl-flex-wrap--inherit {
      flex-wrap: inherit; }
    header .xl-justify-content--center,
    footer .xl-justify-content--center {
      justify-content: center; }
    header .xl-justify-content--start,
    footer .xl-justify-content--start {
      justify-content: start; }
    header .xl-justify-content--end,
    footer .xl-justify-content--end {
      justify-content: end; }
    header .xl-justify-content--flex-start,
    footer .xl-justify-content--flex-start {
      justify-content: flex-start; }
    header .xl-justify-content--flex-end,
    footer .xl-justify-content--flex-end {
      justify-content: flex-end; }
    header .xl-justify-content--left,
    footer .xl-justify-content--left {
      justify-content: left; }
    header .xl-justify-content--right,
    footer .xl-justify-content--right {
      justify-content: right; }
    header .xl-justify-content--normal,
    footer .xl-justify-content--normal {
      justify-content: normal; }
    header .xl-justify-content--space-between,
    footer .xl-justify-content--space-between {
      justify-content: space-between; }
    header .xl-justify-content--space-around,
    footer .xl-justify-content--space-around {
      justify-content: space-around; }
    header .xl-justify-content--space-evenly,
    footer .xl-justify-content--space-evenly {
      justify-content: space-evenly; }
    header .xl-justify-content--stretch,
    footer .xl-justify-content--stretch {
      justify-content: stretch; }
    header .xl-justify-content--inherit,
    footer .xl-justify-content--inherit {
      justify-content: inherit; }
    header .xl-justify-content--initial,
    footer .xl-justify-content--initial {
      justify-content: initial; }
    header .xl-justify-content--unset,
    footer .xl-justify-content--unset {
      justify-content: unset; }
    header .xl-align--left,
    footer .xl-align--left {
      justify-content: flex-start; }
    header .xl-align--right,
    footer .xl-align--right {
      justify-content: flex-end; }
    header .xl-align--center,
    footer .xl-align--center {
      justify-content: center; }
    header .xl-align--justify,
    footer .xl-align--justify {
      justify-content: space-between; }
    header .xl-align--spaced,
    footer .xl-align--spaced {
      justify-content: space-around; }
    header .xl-align--top,
    footer .xl-align--top {
      align-items: flex-start; }
    header .xl-align--bottom,
    footer .xl-align--bottom {
      align-items: flex-end; }
    header .xl-align--middle,
    footer .xl-align--middle {
      align-items: center; }
    header .xl-align--stretch,
    footer .xl-align--stretch {
      align-items: stretch; }
    header .xl-align-items--flex-start,
    footer .xl-align-items--flex-start {
      align-items: flex-start; }
    header .xl-align-items--flex-end,
    footer .xl-align-items--flex-end {
      align-items: flex-end; }
    header .xl-align-items--center,
    footer .xl-align-items--center {
      align-items: center; }
    header .xl-align-items--stretch,
    footer .xl-align-items--stretch {
      align-items: stretch; }
    header .xl-align-self--auto,
    footer .xl-align-self--auto {
      align-self: auto; }
    header .xl-align-self--stretch,
    footer .xl-align-self--stretch {
      align-self: stretch; }
    header .xl-align-self--middle,
    footer .xl-align-self--middle {
      align-self: center; }
    header .xl-align-self--top,
    footer .xl-align-self--top {
      align-self: flex-start; }
    header .xl-align-self--bottom,
    footer .xl-align-self--bottom {
      align-self: flex-end; }
    header .xl-flex--0,
    footer .xl-flex--0 {
      flex: 0; }
    header .xl-flex--1,
    footer .xl-flex--1 {
      flex: 1; }
    header .xl-flex--2,
    footer .xl-flex--2 {
      flex: 2; }
    header .xl-flex--3,
    footer .xl-flex--3 {
      flex: 3; }
    header .xl-flex--4,
    footer .xl-flex--4 {
      flex: 4; }
    header .xl-flex--5,
    footer .xl-flex--5 {
      flex: 5; }
    header .xl-flex--6,
    footer .xl-flex--6 {
      flex: 6; }
    header .xl-flex--7,
    footer .xl-flex--7 {
      flex: 7; }
    header .xl-flex--8,
    footer .xl-flex--8 {
      flex: 8; }
    header .xl-flex--9,
    footer .xl-flex--9 {
      flex: 9; } }
  header .mb--0-forced,
  footer .mb--0-forced {
    margin-bottom: 0 !important; }
  header .mb--1-forced,
  footer .mb--1-forced {
    margin-bottom: 1rem !important; }
  header .mb--half-forced,
  footer .mb--half-forced {
    margin-bottom: 0.5rem !important; }
  header .pb--0-forced,
  footer .pb--0-forced {
    padding-bottom: 0 !important; }
  header .px--1-forced,
  footer .px--1-forced {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  header .my--0-forced,
  footer .my--0-forced {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }
  header .px--half-forced,
  footer .px--half-forced {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  header .mt--1-forced,
  footer .mt--1-forced {
    margin-top: 1rem !important; }
  header .px--2-forced,
  footer .px--2-forced {
    padding-left: 2rem !important;
    padding-right: 2rem !important; }
  header .pr--2-forced,
  footer .pr--2-forced {
    padding-right: 2rem !important; }
  header .mr--1-forced,
  footer .mr--1-forced {
    margin-right: 2rem !important; }
  header .ml--0-forced,
  footer .ml--0-forced {
    margin-left: 0rem !important; }
  header .m--0,
  footer .m--0 {
    margin: 0rem; }
  header .mx--0,
  footer .mx--0 {
    margin-left: 0rem;
    margin-right: 0rem; }
  header .my--0,
  footer .my--0 {
    margin-top: 0rem;
    margin-bottom: 0rem; }
  header .mt--0,
  footer .mt--0 {
    margin-top: 0rem; }
  header .mb--0,
  footer .mb--0 {
    margin-bottom: 0rem; }
  header .ml--0,
  footer .ml--0 {
    margin-left: 0rem; }
  header .mr--0,
  footer .mr--0 {
    margin-right: 0rem; }
  header .m--quarter,
  footer .m--quarter {
    margin: 0.25rem; }
  header .mx--quarter,
  footer .mx--quarter {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  header .my--quarter,
  footer .my--quarter {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  header .mt--quarter,
  footer .mt--quarter {
    margin-top: 0.25rem; }
  header .mb--quarter,
  footer .mb--quarter {
    margin-bottom: 0.25rem; }
  header .ml--quarter,
  footer .ml--quarter {
    margin-left: 0.25rem; }
  header .mr--quarter,
  footer .mr--quarter {
    margin-right: 0.25rem; }
  header .m--half,
  footer .m--half {
    margin: 0.5rem; }
  header .mx--half,
  footer .mx--half {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  header .my--half,
  footer .my--half {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  header .mt--half,
  footer .mt--half {
    margin-top: 0.5rem; }
  header .mb--half,
  footer .mb--half {
    margin-bottom: 0.5rem; }
  header .ml--half,
  footer .ml--half {
    margin-left: 0.5rem; }
  header .mr--half,
  footer .mr--half {
    margin-right: 0.5rem; }
  header .m--3-quarters,
  footer .m--3-quarters {
    margin: 0.75rem; }
  header .mx--3-quarters,
  footer .mx--3-quarters {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  header .my--3-quarters,
  footer .my--3-quarters {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  header .mt--3-quarters,
  footer .mt--3-quarters {
    margin-top: 0.75rem; }
  header .mb--3-quarters,
  footer .mb--3-quarters {
    margin-bottom: 0.75rem; }
  header .ml--3-quarters,
  footer .ml--3-quarters {
    margin-left: 0.75rem; }
  header .mr--3-quarters,
  footer .mr--3-quarters {
    margin-right: 0.75rem; }
  header .m--1,
  footer .m--1 {
    margin: 1rem; }
  header .mx--1,
  footer .mx--1 {
    margin-left: 1rem;
    margin-right: 1rem; }
  header .my--1,
  footer .my--1 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  header .mt--1,
  footer .mt--1 {
    margin-top: 1rem; }
  header .mb--1,
  footer .mb--1 {
    margin-bottom: 1rem; }
  header .ml--1,
  footer .ml--1 {
    margin-left: 1rem; }
  header .mr--1,
  footer .mr--1 {
    margin-right: 1rem; }
  header .m--1-half,
  footer .m--1-half {
    margin: 1.5rem; }
  header .mx--1-half,
  footer .mx--1-half {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  header .my--1-half,
  footer .my--1-half {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  header .mt--1-half,
  footer .mt--1-half {
    margin-top: 1.5rem; }
  header .mb--1-half,
  footer .mb--1-half {
    margin-bottom: 1.5rem; }
  header .ml--1-half,
  footer .ml--1-half {
    margin-left: 1.5rem; }
  header .mr--1-half,
  footer .mr--1-half {
    margin-right: 1.5rem; }
  header .m--2,
  footer .m--2 {
    margin: 2rem; }
  header .mx--2,
  footer .mx--2 {
    margin-left: 2rem;
    margin-right: 2rem; }
  header .my--2,
  footer .my--2 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  header .mt--2,
  footer .mt--2 {
    margin-top: 2rem; }
  header .mb--2,
  footer .mb--2 {
    margin-bottom: 2rem; }
  header .ml--2,
  footer .ml--2 {
    margin-left: 2rem; }
  header .mr--2,
  footer .mr--2 {
    margin-right: 2rem; }
  header .m--2-half,
  footer .m--2-half {
    margin: 2.5rem; }
  header .mx--2-half,
  footer .mx--2-half {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  header .my--2-half,
  footer .my--2-half {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  header .mt--2-half,
  footer .mt--2-half {
    margin-top: 2.5rem; }
  header .mb--2-half,
  footer .mb--2-half {
    margin-bottom: 2.5rem; }
  header .ml--2-half,
  footer .ml--2-half {
    margin-left: 2.5rem; }
  header .mr--2-half,
  footer .mr--2-half {
    margin-right: 2.5rem; }
  header .m--3,
  footer .m--3 {
    margin: 3rem; }
  header .mx--3,
  footer .mx--3 {
    margin-left: 3rem;
    margin-right: 3rem; }
  header .my--3,
  footer .my--3 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  header .mt--3,
  footer .mt--3 {
    margin-top: 3rem; }
  header .mb--3,
  footer .mb--3 {
    margin-bottom: 3rem; }
  header .ml--3,
  footer .ml--3 {
    margin-left: 3rem; }
  header .mr--3,
  footer .mr--3 {
    margin-right: 3rem; }
  header .m--3-half,
  footer .m--3-half {
    margin: 3.5rem; }
  header .mx--3-half,
  footer .mx--3-half {
    margin-left: 3.5rem;
    margin-right: 3.5rem; }
  header .my--3-half,
  footer .my--3-half {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem; }
  header .mt--3-half,
  footer .mt--3-half {
    margin-top: 3.5rem; }
  header .mb--3-half,
  footer .mb--3-half {
    margin-bottom: 3.5rem; }
  header .ml--3-half,
  footer .ml--3-half {
    margin-left: 3.5rem; }
  header .mr--3-half,
  footer .mr--3-half {
    margin-right: 3.5rem; }
  header .m--4,
  footer .m--4 {
    margin: 4rem; }
  header .mx--4,
  footer .mx--4 {
    margin-left: 4rem;
    margin-right: 4rem; }
  header .my--4,
  footer .my--4 {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  header .mt--4,
  footer .mt--4 {
    margin-top: 4rem; }
  header .mb--4,
  footer .mb--4 {
    margin-bottom: 4rem; }
  header .ml--4,
  footer .ml--4 {
    margin-left: 4rem; }
  header .mr--4,
  footer .mr--4 {
    margin-right: 4rem; }
  header .m--4-half,
  footer .m--4-half {
    margin: 4.5rem; }
  header .mx--4-half,
  footer .mx--4-half {
    margin-left: 4.5rem;
    margin-right: 4.5rem; }
  header .my--4-half,
  footer .my--4-half {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem; }
  header .mt--4-half,
  footer .mt--4-half {
    margin-top: 4.5rem; }
  header .mb--4-half,
  footer .mb--4-half {
    margin-bottom: 4.5rem; }
  header .ml--4-half,
  footer .ml--4-half {
    margin-left: 4.5rem; }
  header .mr--4-half,
  footer .mr--4-half {
    margin-right: 4.5rem; }
  header .m--5,
  footer .m--5 {
    margin: 5rem; }
  header .mx--5,
  footer .mx--5 {
    margin-left: 5rem;
    margin-right: 5rem; }
  header .my--5,
  footer .my--5 {
    margin-top: 5rem;
    margin-bottom: 5rem; }
  header .mt--5,
  footer .mt--5 {
    margin-top: 5rem; }
  header .mb--5,
  footer .mb--5 {
    margin-bottom: 5rem; }
  header .ml--5,
  footer .ml--5 {
    margin-left: 5rem; }
  header .mr--5,
  footer .mr--5 {
    margin-right: 5rem; }
  header .m--5-half,
  footer .m--5-half {
    margin: 5.5rem; }
  header .mx--5-half,
  footer .mx--5-half {
    margin-left: 5.5rem;
    margin-right: 5.5rem; }
  header .my--5-half,
  footer .my--5-half {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem; }
  header .mt--5-half,
  footer .mt--5-half {
    margin-top: 5.5rem; }
  header .mb--5-half,
  footer .mb--5-half {
    margin-bottom: 5.5rem; }
  header .ml--5-half,
  footer .ml--5-half {
    margin-left: 5.5rem; }
  header .mr--5-half,
  footer .mr--5-half {
    margin-right: 5.5rem; }
  header .m--6,
  footer .m--6 {
    margin: 6rem; }
  header .mx--6,
  footer .mx--6 {
    margin-left: 6rem;
    margin-right: 6rem; }
  header .my--6,
  footer .my--6 {
    margin-top: 6rem;
    margin-bottom: 6rem; }
  header .mt--6,
  footer .mt--6 {
    margin-top: 6rem; }
  header .mb--6,
  footer .mb--6 {
    margin-bottom: 6rem; }
  header .ml--6,
  footer .ml--6 {
    margin-left: 6rem; }
  header .mr--6,
  footer .mr--6 {
    margin-right: 6rem; }
  header .m--6-half,
  footer .m--6-half {
    margin: 6.5rem; }
  header .mx--6-half,
  footer .mx--6-half {
    margin-left: 6.5rem;
    margin-right: 6.5rem; }
  header .my--6-half,
  footer .my--6-half {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem; }
  header .mt--6-half,
  footer .mt--6-half {
    margin-top: 6.5rem; }
  header .mb--6-half,
  footer .mb--6-half {
    margin-bottom: 6.5rem; }
  header .ml--6-half,
  footer .ml--6-half {
    margin-left: 6.5rem; }
  header .mr--6-half,
  footer .mr--6-half {
    margin-right: 6.5rem; }
  header .m--7,
  footer .m--7 {
    margin: 7rem; }
  header .mx--7,
  footer .mx--7 {
    margin-left: 7rem;
    margin-right: 7rem; }
  header .my--7,
  footer .my--7 {
    margin-top: 7rem;
    margin-bottom: 7rem; }
  header .mt--7,
  footer .mt--7 {
    margin-top: 7rem; }
  header .mb--7,
  footer .mb--7 {
    margin-bottom: 7rem; }
  header .ml--7,
  footer .ml--7 {
    margin-left: 7rem; }
  header .mr--7,
  footer .mr--7 {
    margin-right: 7rem; }
  header .m--7-half,
  footer .m--7-half {
    margin: 7.5rem; }
  header .mx--7-half,
  footer .mx--7-half {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  header .my--7-half,
  footer .my--7-half {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  header .mt--7-half,
  footer .mt--7-half {
    margin-top: 7.5rem; }
  header .mb--7-half,
  footer .mb--7-half {
    margin-bottom: 7.5rem; }
  header .ml--7-half,
  footer .ml--7-half {
    margin-left: 7.5rem; }
  header .mr--7-half,
  footer .mr--7-half {
    margin-right: 7.5rem; }
  header .m--8,
  footer .m--8 {
    margin: 8rem; }
  header .mx--8,
  footer .mx--8 {
    margin-left: 8rem;
    margin-right: 8rem; }
  header .my--8,
  footer .my--8 {
    margin-top: 8rem;
    margin-bottom: 8rem; }
  header .mt--8,
  footer .mt--8 {
    margin-top: 8rem; }
  header .mb--8,
  footer .mb--8 {
    margin-bottom: 8rem; }
  header .ml--8,
  footer .ml--8 {
    margin-left: 8rem; }
  header .mr--8,
  footer .mr--8 {
    margin-right: 8rem; }
  header .m--9,
  footer .m--9 {
    margin: 9rem; }
  header .mx--9,
  footer .mx--9 {
    margin-left: 9rem;
    margin-right: 9rem; }
  header .my--9,
  footer .my--9 {
    margin-top: 9rem;
    margin-bottom: 9rem; }
  header .mt--9,
  footer .mt--9 {
    margin-top: 9rem; }
  header .mb--9,
  footer .mb--9 {
    margin-bottom: 9rem; }
  header .ml--9,
  footer .ml--9 {
    margin-left: 9rem; }
  header .mr--9,
  footer .mr--9 {
    margin-right: 9rem; }
  header .m--10,
  footer .m--10 {
    margin: 10rem; }
  header .mx--10,
  footer .mx--10 {
    margin-left: 10rem;
    margin-right: 10rem; }
  header .my--10,
  footer .my--10 {
    margin-top: 10rem;
    margin-bottom: 10rem; }
  header .mt--10,
  footer .mt--10 {
    margin-top: 10rem; }
  header .mb--10,
  footer .mb--10 {
    margin-bottom: 10rem; }
  header .ml--10,
  footer .ml--10 {
    margin-left: 10rem; }
  header .mr--10,
  footer .mr--10 {
    margin-right: 10rem; }
  header .m--11,
  footer .m--11 {
    margin: 11rem; }
  header .mx--11,
  footer .mx--11 {
    margin-left: 11rem;
    margin-right: 11rem; }
  header .my--11,
  footer .my--11 {
    margin-top: 11rem;
    margin-bottom: 11rem; }
  header .mt--11,
  footer .mt--11 {
    margin-top: 11rem; }
  header .mb--11,
  footer .mb--11 {
    margin-bottom: 11rem; }
  header .ml--11,
  footer .ml--11 {
    margin-left: 11rem; }
  header .mr--11,
  footer .mr--11 {
    margin-right: 11rem; }
  header .m--12,
  footer .m--12 {
    margin: 12rem; }
  header .mx--12,
  footer .mx--12 {
    margin-left: 12rem;
    margin-right: 12rem; }
  header .my--12,
  footer .my--12 {
    margin-top: 12rem;
    margin-bottom: 12rem; }
  header .mt--12,
  footer .mt--12 {
    margin-top: 12rem; }
  header .mb--12,
  footer .mb--12 {
    margin-bottom: 12rem; }
  header .ml--12,
  footer .ml--12 {
    margin-left: 12rem; }
  header .mr--12,
  footer .mr--12 {
    margin-right: 12rem; }
  header .m--13,
  footer .m--13 {
    margin: 13rem; }
  header .mx--13,
  footer .mx--13 {
    margin-left: 13rem;
    margin-right: 13rem; }
  header .my--13,
  footer .my--13 {
    margin-top: 13rem;
    margin-bottom: 13rem; }
  header .mt--13,
  footer .mt--13 {
    margin-top: 13rem; }
  header .mb--13,
  footer .mb--13 {
    margin-bottom: 13rem; }
  header .ml--13,
  footer .ml--13 {
    margin-left: 13rem; }
  header .mr--13,
  footer .mr--13 {
    margin-right: 13rem; }
  header .m--14,
  footer .m--14 {
    margin: 14rem; }
  header .mx--14,
  footer .mx--14 {
    margin-left: 14rem;
    margin-right: 14rem; }
  header .my--14,
  footer .my--14 {
    margin-top: 14rem;
    margin-bottom: 14rem; }
  header .mt--14,
  footer .mt--14 {
    margin-top: 14rem; }
  header .mb--14,
  footer .mb--14 {
    margin-bottom: 14rem; }
  header .ml--14,
  footer .ml--14 {
    margin-left: 14rem; }
  header .mr--14,
  footer .mr--14 {
    margin-right: 14rem; }
  header .m--15,
  footer .m--15 {
    margin: 15rem; }
  header .mx--15,
  footer .mx--15 {
    margin-left: 15rem;
    margin-right: 15rem; }
  header .my--15,
  footer .my--15 {
    margin-top: 15rem;
    margin-bottom: 15rem; }
  header .mt--15,
  footer .mt--15 {
    margin-top: 15rem; }
  header .mb--15,
  footer .mb--15 {
    margin-bottom: 15rem; }
  header .ml--15,
  footer .ml--15 {
    margin-left: 15rem; }
  header .mr--15,
  footer .mr--15 {
    margin-right: 15rem; }
  header .m--16,
  footer .m--16 {
    margin: 16rem; }
  header .mx--16,
  footer .mx--16 {
    margin-left: 16rem;
    margin-right: 16rem; }
  header .my--16,
  footer .my--16 {
    margin-top: 16rem;
    margin-bottom: 16rem; }
  header .mt--16,
  footer .mt--16 {
    margin-top: 16rem; }
  header .mb--16,
  footer .mb--16 {
    margin-bottom: 16rem; }
  header .ml--16,
  footer .ml--16 {
    margin-left: 16rem; }
  header .mr--16,
  footer .mr--16 {
    margin-right: 16rem; }
  header .m--17,
  footer .m--17 {
    margin: 17rem; }
  header .mx--17,
  footer .mx--17 {
    margin-left: 17rem;
    margin-right: 17rem; }
  header .my--17,
  footer .my--17 {
    margin-top: 17rem;
    margin-bottom: 17rem; }
  header .mt--17,
  footer .mt--17 {
    margin-top: 17rem; }
  header .mb--17,
  footer .mb--17 {
    margin-bottom: 17rem; }
  header .ml--17,
  footer .ml--17 {
    margin-left: 17rem; }
  header .mr--17,
  footer .mr--17 {
    margin-right: 17rem; }
  header .m--18,
  footer .m--18 {
    margin: 18rem; }
  header .mx--18,
  footer .mx--18 {
    margin-left: 18rem;
    margin-right: 18rem; }
  header .my--18,
  footer .my--18 {
    margin-top: 18rem;
    margin-bottom: 18rem; }
  header .mt--18,
  footer .mt--18 {
    margin-top: 18rem; }
  header .mb--18,
  footer .mb--18 {
    margin-bottom: 18rem; }
  header .ml--18,
  footer .ml--18 {
    margin-left: 18rem; }
  header .mr--18,
  footer .mr--18 {
    margin-right: 18rem; }
  header .m--19,
  footer .m--19 {
    margin: 19rem; }
  header .mx--19,
  footer .mx--19 {
    margin-left: 19rem;
    margin-right: 19rem; }
  header .my--19,
  footer .my--19 {
    margin-top: 19rem;
    margin-bottom: 19rem; }
  header .mt--19,
  footer .mt--19 {
    margin-top: 19rem; }
  header .mb--19,
  footer .mb--19 {
    margin-bottom: 19rem; }
  header .ml--19,
  footer .ml--19 {
    margin-left: 19rem; }
  header .mr--19,
  footer .mr--19 {
    margin-right: 19rem; }
  header .m--20,
  footer .m--20 {
    margin: 20rem; }
  header .mx--20,
  footer .mx--20 {
    margin-left: 20rem;
    margin-right: 20rem; }
  header .my--20,
  footer .my--20 {
    margin-top: 20rem;
    margin-bottom: 20rem; }
  header .mt--20,
  footer .mt--20 {
    margin-top: 20rem; }
  header .mb--20,
  footer .mb--20 {
    margin-bottom: 20rem; }
  header .ml--20,
  footer .ml--20 {
    margin-left: 20rem; }
  header .mr--20,
  footer .mr--20 {
    margin-right: 20rem; }
  header .m--negative-quarter,
  footer .m--negative-quarter {
    margin: -0.25rem; }
  header .mx--negative-quarter,
  footer .mx--negative-quarter {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  header .my--negative-quarter,
  footer .my--negative-quarter {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem; }
  header .mt--negative-quarter,
  footer .mt--negative-quarter {
    margin-top: -0.25rem; }
  header .mb--negative-quarter,
  footer .mb--negative-quarter {
    margin-bottom: -0.25rem; }
  header .ml--negative-quarter,
  footer .ml--negative-quarter {
    margin-left: -0.25rem; }
  header .mr--negative-quarter,
  footer .mr--negative-quarter {
    margin-right: -0.25rem; }
  header .m--negative-3-quarters,
  footer .m--negative-3-quarters {
    margin: -0.75rem; }
  header .mx--negative-3-quarters,
  footer .mx--negative-3-quarters {
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
  header .my--negative-3-quarters,
  footer .my--negative-3-quarters {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; }
  header .mt--negative-3-quarters,
  footer .mt--negative-3-quarters {
    margin-top: -0.75rem; }
  header .mb--negative-3-quarters,
  footer .mb--negative-3-quarters {
    margin-bottom: -0.75rem; }
  header .ml--negative-3-quarters,
  footer .ml--negative-3-quarters {
    margin-left: -0.75rem; }
  header .mr--negative-3-quarters,
  footer .mr--negative-3-quarters {
    margin-right: -0.75rem; }
  header .m--negative-half,
  footer .m--negative-half {
    margin: -0.5rem; }
  header .mx--negative-half,
  footer .mx--negative-half {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  header .my--negative-half,
  footer .my--negative-half {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  header .mt--negative-half,
  footer .mt--negative-half {
    margin-top: -0.5rem; }
  header .mb--negative-half,
  footer .mb--negative-half {
    margin-bottom: -0.5rem; }
  header .ml--negative-half,
  footer .ml--negative-half {
    margin-left: -0.5rem; }
  header .mr--negative-half,
  footer .mr--negative-half {
    margin-right: -0.5rem; }
  header .m--negative-1,
  footer .m--negative-1 {
    margin: -1rem; }
  header .mx--negative-1,
  footer .mx--negative-1 {
    margin-left: -1rem;
    margin-right: -1rem; }
  header .my--negative-1,
  footer .my--negative-1 {
    margin-top: -1rem;
    margin-bottom: -1rem; }
  header .mt--negative-1,
  footer .mt--negative-1 {
    margin-top: -1rem; }
  header .mb--negative-1,
  footer .mb--negative-1 {
    margin-bottom: -1rem; }
  header .ml--negative-1,
  footer .ml--negative-1 {
    margin-left: -1rem; }
  header .mr--negative-1,
  footer .mr--negative-1 {
    margin-right: -1rem; }
  header .m--negative-1-half,
  footer .m--negative-1-half {
    margin: -1.5rem; }
  header .mx--negative-1-half,
  footer .mx--negative-1-half {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  header .my--negative-1-half,
  footer .my--negative-1-half {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem; }
  header .mt--negative-1-half,
  footer .mt--negative-1-half {
    margin-top: -1.5rem; }
  header .mb--negative-1-half,
  footer .mb--negative-1-half {
    margin-bottom: -1.5rem; }
  header .ml--negative-1-half,
  footer .ml--negative-1-half {
    margin-left: -1.5rem; }
  header .mr--negative-1-half,
  footer .mr--negative-1-half {
    margin-right: -1.5rem; }
  header .m--negative-2,
  footer .m--negative-2 {
    margin: -2rem; }
  header .mx--negative-2,
  footer .mx--negative-2 {
    margin-left: -2rem;
    margin-right: -2rem; }
  header .my--negative-2,
  footer .my--negative-2 {
    margin-top: -2rem;
    margin-bottom: -2rem; }
  header .mt--negative-2,
  footer .mt--negative-2 {
    margin-top: -2rem; }
  header .mb--negative-2,
  footer .mb--negative-2 {
    margin-bottom: -2rem; }
  header .ml--negative-2,
  footer .ml--negative-2 {
    margin-left: -2rem; }
  header .mr--negative-2,
  footer .mr--negative-2 {
    margin-right: -2rem; }
  header .m--negative-3,
  footer .m--negative-3 {
    margin: -3rem; }
  header .mx--negative-3,
  footer .mx--negative-3 {
    margin-left: -3rem;
    margin-right: -3rem; }
  header .my--negative-3,
  footer .my--negative-3 {
    margin-top: -3rem;
    margin-bottom: -3rem; }
  header .mt--negative-3,
  footer .mt--negative-3 {
    margin-top: -3rem; }
  header .mb--negative-3,
  footer .mb--negative-3 {
    margin-bottom: -3rem; }
  header .ml--negative-3,
  footer .ml--negative-3 {
    margin-left: -3rem; }
  header .mr--negative-3,
  footer .mr--negative-3 {
    margin-right: -3rem; }
  header .m--negative-4,
  footer .m--negative-4 {
    margin: -4rem; }
  header .mx--negative-4,
  footer .mx--negative-4 {
    margin-left: -4rem;
    margin-right: -4rem; }
  header .my--negative-4,
  footer .my--negative-4 {
    margin-top: -4rem;
    margin-bottom: -4rem; }
  header .mt--negative-4,
  footer .mt--negative-4 {
    margin-top: -4rem; }
  header .mb--negative-4,
  footer .mb--negative-4 {
    margin-bottom: -4rem; }
  header .ml--negative-4,
  footer .ml--negative-4 {
    margin-left: -4rem; }
  header .mr--negative-4,
  footer .mr--negative-4 {
    margin-right: -4rem; }
  header .m--negative-5,
  footer .m--negative-5 {
    margin: -5rem; }
  header .mx--negative-5,
  footer .mx--negative-5 {
    margin-left: -5rem;
    margin-right: -5rem; }
  header .my--negative-5,
  footer .my--negative-5 {
    margin-top: -5rem;
    margin-bottom: -5rem; }
  header .mt--negative-5,
  footer .mt--negative-5 {
    margin-top: -5rem; }
  header .mb--negative-5,
  footer .mb--negative-5 {
    margin-bottom: -5rem; }
  header .ml--negative-5,
  footer .ml--negative-5 {
    margin-left: -5rem; }
  header .mr--negative-5,
  footer .mr--negative-5 {
    margin-right: -5rem; }
  header .m--negative-6,
  footer .m--negative-6 {
    margin: -6rem; }
  header .mx--negative-6,
  footer .mx--negative-6 {
    margin-left: -6rem;
    margin-right: -6rem; }
  header .my--negative-6,
  footer .my--negative-6 {
    margin-top: -6rem;
    margin-bottom: -6rem; }
  header .mt--negative-6,
  footer .mt--negative-6 {
    margin-top: -6rem; }
  header .mb--negative-6,
  footer .mb--negative-6 {
    margin-bottom: -6rem; }
  header .ml--negative-6,
  footer .ml--negative-6 {
    margin-left: -6rem; }
  header .mr--negative-6,
  footer .mr--negative-6 {
    margin-right: -6rem; }
  header .m--negative-7,
  footer .m--negative-7 {
    margin: -7rem; }
  header .mx--negative-7,
  footer .mx--negative-7 {
    margin-left: -7rem;
    margin-right: -7rem; }
  header .my--negative-7,
  footer .my--negative-7 {
    margin-top: -7rem;
    margin-bottom: -7rem; }
  header .mt--negative-7,
  footer .mt--negative-7 {
    margin-top: -7rem; }
  header .mb--negative-7,
  footer .mb--negative-7 {
    margin-bottom: -7rem; }
  header .ml--negative-7,
  footer .ml--negative-7 {
    margin-left: -7rem; }
  header .mr--negative-7,
  footer .mr--negative-7 {
    margin-right: -7rem; }
  header .m--negative-8,
  footer .m--negative-8 {
    margin: -8rem; }
  header .mx--negative-8,
  footer .mx--negative-8 {
    margin-left: -8rem;
    margin-right: -8rem; }
  header .my--negative-8,
  footer .my--negative-8 {
    margin-top: -8rem;
    margin-bottom: -8rem; }
  header .mt--negative-8,
  footer .mt--negative-8 {
    margin-top: -8rem; }
  header .mb--negative-8,
  footer .mb--negative-8 {
    margin-bottom: -8rem; }
  header .ml--negative-8,
  footer .ml--negative-8 {
    margin-left: -8rem; }
  header .mr--negative-8,
  footer .mr--negative-8 {
    margin-right: -8rem; }
  header .m--negative-9,
  footer .m--negative-9 {
    margin: -9rem; }
  header .mx--negative-9,
  footer .mx--negative-9 {
    margin-left: -9rem;
    margin-right: -9rem; }
  header .my--negative-9,
  footer .my--negative-9 {
    margin-top: -9rem;
    margin-bottom: -9rem; }
  header .mt--negative-9,
  footer .mt--negative-9 {
    margin-top: -9rem; }
  header .mb--negative-9,
  footer .mb--negative-9 {
    margin-bottom: -9rem; }
  header .ml--negative-9,
  footer .ml--negative-9 {
    margin-left: -9rem; }
  header .mr--negative-9,
  footer .mr--negative-9 {
    margin-right: -9rem; }
  header .m--negative-10,
  footer .m--negative-10 {
    margin: -10rem; }
  header .mx--negative-10,
  footer .mx--negative-10 {
    margin-left: -10rem;
    margin-right: -10rem; }
  header .my--negative-10,
  footer .my--negative-10 {
    margin-top: -10rem;
    margin-bottom: -10rem; }
  header .mt--negative-10,
  footer .mt--negative-10 {
    margin-top: -10rem; }
  header .mb--negative-10,
  footer .mb--negative-10 {
    margin-bottom: -10rem; }
  header .ml--negative-10,
  footer .ml--negative-10 {
    margin-left: -10rem; }
  header .mr--negative-10,
  footer .mr--negative-10 {
    margin-right: -10rem; }
  header .m--auto,
  footer .m--auto {
    margin: auto; }
  header .mx--auto,
  footer .mx--auto {
    margin-left: auto;
    margin-right: auto; }
  header .my--auto,
  footer .my--auto {
    margin-top: auto;
    margin-bottom: auto; }
  header .mt--auto,
  footer .mt--auto {
    margin-top: auto; }
  header .mb--auto,
  footer .mb--auto {
    margin-bottom: auto; }
  header .ml--auto,
  footer .ml--auto {
    margin-left: auto; }
  header .mr--auto,
  footer .mr--auto {
    margin-right: auto; }
  header .p--0,
  footer .p--0 {
    padding: 0rem; }
  header .px--0,
  footer .px--0 {
    padding-left: 0rem;
    padding-right: 0rem; }
  header .py--0,
  footer .py--0 {
    padding-top: 0rem;
    padding-bottom: 0rem; }
  header .pt--0,
  footer .pt--0 {
    padding-top: 0rem; }
  header .pb--0,
  footer .pb--0 {
    padding-bottom: 0rem; }
  header .pl--0,
  footer .pl--0 {
    padding-left: 0rem; }
  header .pr--0,
  footer .pr--0 {
    padding-right: 0rem; }
  header .p--quarter,
  footer .p--quarter {
    padding: 0.25rem; }
  header .px--quarter,
  footer .px--quarter {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  header .py--quarter,
  footer .py--quarter {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  header .pt--quarter,
  footer .pt--quarter {
    padding-top: 0.25rem; }
  header .pb--quarter,
  footer .pb--quarter {
    padding-bottom: 0.25rem; }
  header .pl--quarter,
  footer .pl--quarter {
    padding-left: 0.25rem; }
  header .pr--quarter,
  footer .pr--quarter {
    padding-right: 0.25rem; }
  header .p--half,
  footer .p--half {
    padding: 0.5rem; }
  header .px--half,
  footer .px--half {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  header .py--half,
  footer .py--half {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  header .pt--half,
  footer .pt--half {
    padding-top: 0.5rem; }
  header .pb--half,
  footer .pb--half {
    padding-bottom: 0.5rem; }
  header .pl--half,
  footer .pl--half {
    padding-left: 0.5rem; }
  header .pr--half,
  footer .pr--half {
    padding-right: 0.5rem; }
  header .p--3-quarters,
  footer .p--3-quarters {
    padding: 0.75rem; }
  header .px--3-quarters,
  footer .px--3-quarters {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  header .py--3-quarters,
  footer .py--3-quarters {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  header .pt--3-quarters,
  footer .pt--3-quarters {
    padding-top: 0.75rem; }
  header .pb--3-quarters,
  footer .pb--3-quarters {
    padding-bottom: 0.75rem; }
  header .pl--3-quarters,
  footer .pl--3-quarters {
    padding-left: 0.75rem; }
  header .pr--3-quarters,
  footer .pr--3-quarters {
    padding-right: 0.75rem; }
  header .p--1,
  footer .p--1 {
    padding: 1rem; }
  header .px--1,
  footer .px--1 {
    padding-left: 1rem;
    padding-right: 1rem; }
  header .py--1,
  footer .py--1 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  header .pt--1,
  footer .pt--1 {
    padding-top: 1rem; }
  header .pb--1,
  footer .pb--1 {
    padding-bottom: 1rem; }
  header .pl--1,
  footer .pl--1 {
    padding-left: 1rem; }
  header .pr--1,
  footer .pr--1 {
    padding-right: 1rem; }
  header .p--1-half,
  footer .p--1-half {
    padding: 1.5rem; }
  header .px--1-half,
  footer .px--1-half {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  header .py--1-half,
  footer .py--1-half {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  header .pt--1-half,
  footer .pt--1-half {
    padding-top: 1.5rem; }
  header .pb--1-half,
  footer .pb--1-half {
    padding-bottom: 1.5rem; }
  header .pl--1-half,
  footer .pl--1-half {
    padding-left: 1.5rem; }
  header .pr--1-half,
  footer .pr--1-half {
    padding-right: 1.5rem; }
  header .p--2,
  footer .p--2 {
    padding: 2rem; }
  header .px--2,
  footer .px--2 {
    padding-left: 2rem;
    padding-right: 2rem; }
  header .py--2,
  footer .py--2 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  header .pt--2,
  footer .pt--2 {
    padding-top: 2rem; }
  header .pb--2,
  footer .pb--2 {
    padding-bottom: 2rem; }
  header .pl--2,
  footer .pl--2 {
    padding-left: 2rem; }
  header .pr--2,
  footer .pr--2 {
    padding-right: 2rem; }
  header .p--2-half,
  footer .p--2-half {
    padding: 2.5rem; }
  header .px--2-half,
  footer .px--2-half {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  header .py--2-half,
  footer .py--2-half {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  header .pt--2-half,
  footer .pt--2-half {
    padding-top: 2.5rem; }
  header .pb--2-half,
  footer .pb--2-half {
    padding-bottom: 2.5rem; }
  header .pl--2-half,
  footer .pl--2-half {
    padding-left: 2.5rem; }
  header .pr--2-half,
  footer .pr--2-half {
    padding-right: 2.5rem; }
  header .p--3,
  footer .p--3 {
    padding: 3rem; }
  header .px--3,
  footer .px--3 {
    padding-left: 3rem;
    padding-right: 3rem; }
  header .py--3,
  footer .py--3 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  header .pt--3,
  footer .pt--3 {
    padding-top: 3rem; }
  header .pb--3,
  footer .pb--3 {
    padding-bottom: 3rem; }
  header .pl--3,
  footer .pl--3 {
    padding-left: 3rem; }
  header .pr--3,
  footer .pr--3 {
    padding-right: 3rem; }
  header .p--3-half,
  footer .p--3-half {
    padding: 3.5rem; }
  header .px--3-half,
  footer .px--3-half {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }
  header .py--3-half,
  footer .py--3-half {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
  header .pt--3-half,
  footer .pt--3-half {
    padding-top: 3.5rem; }
  header .pb--3-half,
  footer .pb--3-half {
    padding-bottom: 3.5rem; }
  header .pl--3-half,
  footer .pl--3-half {
    padding-left: 3.5rem; }
  header .pr--3-half,
  footer .pr--3-half {
    padding-right: 3.5rem; }
  header .p--4,
  footer .p--4 {
    padding: 4rem; }
  header .px--4,
  footer .px--4 {
    padding-left: 4rem;
    padding-right: 4rem; }
  header .py--4,
  footer .py--4 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  header .pt--4,
  footer .pt--4 {
    padding-top: 4rem; }
  header .pb--4,
  footer .pb--4 {
    padding-bottom: 4rem; }
  header .pl--4,
  footer .pl--4 {
    padding-left: 4rem; }
  header .pr--4,
  footer .pr--4 {
    padding-right: 4rem; }
  header .p--4-half,
  footer .p--4-half {
    padding: 4.5rem; }
  header .px--4-half,
  footer .px--4-half {
    padding-left: 4.5rem;
    padding-right: 4.5rem; }
  header .py--4-half,
  footer .py--4-half {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; }
  header .pt--4-half,
  footer .pt--4-half {
    padding-top: 4.5rem; }
  header .pb--4-half,
  footer .pb--4-half {
    padding-bottom: 4.5rem; }
  header .pl--4-half,
  footer .pl--4-half {
    padding-left: 4.5rem; }
  header .pr--4-half,
  footer .pr--4-half {
    padding-right: 4.5rem; }
  header .p--5,
  footer .p--5 {
    padding: 5rem; }
  header .px--5,
  footer .px--5 {
    padding-left: 5rem;
    padding-right: 5rem; }
  header .py--5,
  footer .py--5 {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  header .pt--5,
  footer .pt--5 {
    padding-top: 5rem; }
  header .pb--5,
  footer .pb--5 {
    padding-bottom: 5rem; }
  header .pl--5,
  footer .pl--5 {
    padding-left: 5rem; }
  header .pr--5,
  footer .pr--5 {
    padding-right: 5rem; }
  header .p--5-half,
  footer .p--5-half {
    padding: 5.5rem; }
  header .px--5-half,
  footer .px--5-half {
    padding-left: 5.5rem;
    padding-right: 5.5rem; }
  header .py--5-half,
  footer .py--5-half {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem; }
  header .pt--5-half,
  footer .pt--5-half {
    padding-top: 5.5rem; }
  header .pb--5-half,
  footer .pb--5-half {
    padding-bottom: 5.5rem; }
  header .pl--5-half,
  footer .pl--5-half {
    padding-left: 5.5rem; }
  header .pr--5-half,
  footer .pr--5-half {
    padding-right: 5.5rem; }
  header .p--6,
  footer .p--6 {
    padding: 6rem; }
  header .px--6,
  footer .px--6 {
    padding-left: 6rem;
    padding-right: 6rem; }
  header .py--6,
  footer .py--6 {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  header .pt--6,
  footer .pt--6 {
    padding-top: 6rem; }
  header .pb--6,
  footer .pb--6 {
    padding-bottom: 6rem; }
  header .pl--6,
  footer .pl--6 {
    padding-left: 6rem; }
  header .pr--6,
  footer .pr--6 {
    padding-right: 6rem; }
  header .p--6-half,
  footer .p--6-half {
    padding: 6.5rem; }
  header .px--6-half,
  footer .px--6-half {
    padding-left: 6.5rem;
    padding-right: 6.5rem; }
  header .py--6-half,
  footer .py--6-half {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem; }
  header .pt--6-half,
  footer .pt--6-half {
    padding-top: 6.5rem; }
  header .pb--6-half,
  footer .pb--6-half {
    padding-bottom: 6.5rem; }
  header .pl--6-half,
  footer .pl--6-half {
    padding-left: 6.5rem; }
  header .pr--6-half,
  footer .pr--6-half {
    padding-right: 6.5rem; }
  header .p--7,
  footer .p--7 {
    padding: 7rem; }
  header .px--7,
  footer .px--7 {
    padding-left: 7rem;
    padding-right: 7rem; }
  header .py--7,
  footer .py--7 {
    padding-top: 7rem;
    padding-bottom: 7rem; }
  header .pt--7,
  footer .pt--7 {
    padding-top: 7rem; }
  header .pb--7,
  footer .pb--7 {
    padding-bottom: 7rem; }
  header .pl--7,
  footer .pl--7 {
    padding-left: 7rem; }
  header .pr--7,
  footer .pr--7 {
    padding-right: 7rem; }
  header .p--7-half,
  footer .p--7-half {
    padding: 7.5rem; }
  header .px--7-half,
  footer .px--7-half {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  header .py--7-half,
  footer .py--7-half {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  header .pt--7-half,
  footer .pt--7-half {
    padding-top: 7.5rem; }
  header .pb--7-half,
  footer .pb--7-half {
    padding-bottom: 7.5rem; }
  header .pl--7-half,
  footer .pl--7-half {
    padding-left: 7.5rem; }
  header .pr--7-half,
  footer .pr--7-half {
    padding-right: 7.5rem; }
  header .p--8,
  footer .p--8 {
    padding: 8rem; }
  header .px--8,
  footer .px--8 {
    padding-left: 8rem;
    padding-right: 8rem; }
  header .py--8,
  footer .py--8 {
    padding-top: 8rem;
    padding-bottom: 8rem; }
  header .pt--8,
  footer .pt--8 {
    padding-top: 8rem; }
  header .pb--8,
  footer .pb--8 {
    padding-bottom: 8rem; }
  header .pl--8,
  footer .pl--8 {
    padding-left: 8rem; }
  header .pr--8,
  footer .pr--8 {
    padding-right: 8rem; }
  header .p--9,
  footer .p--9 {
    padding: 9rem; }
  header .px--9,
  footer .px--9 {
    padding-left: 9rem;
    padding-right: 9rem; }
  header .py--9,
  footer .py--9 {
    padding-top: 9rem;
    padding-bottom: 9rem; }
  header .pt--9,
  footer .pt--9 {
    padding-top: 9rem; }
  header .pb--9,
  footer .pb--9 {
    padding-bottom: 9rem; }
  header .pl--9,
  footer .pl--9 {
    padding-left: 9rem; }
  header .pr--9,
  footer .pr--9 {
    padding-right: 9rem; }
  header .p--10,
  footer .p--10 {
    padding: 10rem; }
  header .px--10,
  footer .px--10 {
    padding-left: 10rem;
    padding-right: 10rem; }
  header .py--10,
  footer .py--10 {
    padding-top: 10rem;
    padding-bottom: 10rem; }
  header .pt--10,
  footer .pt--10 {
    padding-top: 10rem; }
  header .pb--10,
  footer .pb--10 {
    padding-bottom: 10rem; }
  header .pl--10,
  footer .pl--10 {
    padding-left: 10rem; }
  header .pr--10,
  footer .pr--10 {
    padding-right: 10rem; }
  header .p--11,
  footer .p--11 {
    padding: 11rem; }
  header .px--11,
  footer .px--11 {
    padding-left: 11rem;
    padding-right: 11rem; }
  header .py--11,
  footer .py--11 {
    padding-top: 11rem;
    padding-bottom: 11rem; }
  header .pt--11,
  footer .pt--11 {
    padding-top: 11rem; }
  header .pb--11,
  footer .pb--11 {
    padding-bottom: 11rem; }
  header .pl--11,
  footer .pl--11 {
    padding-left: 11rem; }
  header .pr--11,
  footer .pr--11 {
    padding-right: 11rem; }
  header .p--12,
  footer .p--12 {
    padding: 12rem; }
  header .px--12,
  footer .px--12 {
    padding-left: 12rem;
    padding-right: 12rem; }
  header .py--12,
  footer .py--12 {
    padding-top: 12rem;
    padding-bottom: 12rem; }
  header .pt--12,
  footer .pt--12 {
    padding-top: 12rem; }
  header .pb--12,
  footer .pb--12 {
    padding-bottom: 12rem; }
  header .pl--12,
  footer .pl--12 {
    padding-left: 12rem; }
  header .pr--12,
  footer .pr--12 {
    padding-right: 12rem; }
  header .p--13,
  footer .p--13 {
    padding: 13rem; }
  header .px--13,
  footer .px--13 {
    padding-left: 13rem;
    padding-right: 13rem; }
  header .py--13,
  footer .py--13 {
    padding-top: 13rem;
    padding-bottom: 13rem; }
  header .pt--13,
  footer .pt--13 {
    padding-top: 13rem; }
  header .pb--13,
  footer .pb--13 {
    padding-bottom: 13rem; }
  header .pl--13,
  footer .pl--13 {
    padding-left: 13rem; }
  header .pr--13,
  footer .pr--13 {
    padding-right: 13rem; }
  header .p--14,
  footer .p--14 {
    padding: 14rem; }
  header .px--14,
  footer .px--14 {
    padding-left: 14rem;
    padding-right: 14rem; }
  header .py--14,
  footer .py--14 {
    padding-top: 14rem;
    padding-bottom: 14rem; }
  header .pt--14,
  footer .pt--14 {
    padding-top: 14rem; }
  header .pb--14,
  footer .pb--14 {
    padding-bottom: 14rem; }
  header .pl--14,
  footer .pl--14 {
    padding-left: 14rem; }
  header .pr--14,
  footer .pr--14 {
    padding-right: 14rem; }
  header .p--15,
  footer .p--15 {
    padding: 15rem; }
  header .px--15,
  footer .px--15 {
    padding-left: 15rem;
    padding-right: 15rem; }
  header .py--15,
  footer .py--15 {
    padding-top: 15rem;
    padding-bottom: 15rem; }
  header .pt--15,
  footer .pt--15 {
    padding-top: 15rem; }
  header .pb--15,
  footer .pb--15 {
    padding-bottom: 15rem; }
  header .pl--15,
  footer .pl--15 {
    padding-left: 15rem; }
  header .pr--15,
  footer .pr--15 {
    padding-right: 15rem; }
  header .p--16,
  footer .p--16 {
    padding: 16rem; }
  header .px--16,
  footer .px--16 {
    padding-left: 16rem;
    padding-right: 16rem; }
  header .py--16,
  footer .py--16 {
    padding-top: 16rem;
    padding-bottom: 16rem; }
  header .pt--16,
  footer .pt--16 {
    padding-top: 16rem; }
  header .pb--16,
  footer .pb--16 {
    padding-bottom: 16rem; }
  header .pl--16,
  footer .pl--16 {
    padding-left: 16rem; }
  header .pr--16,
  footer .pr--16 {
    padding-right: 16rem; }
  header .p--17,
  footer .p--17 {
    padding: 17rem; }
  header .px--17,
  footer .px--17 {
    padding-left: 17rem;
    padding-right: 17rem; }
  header .py--17,
  footer .py--17 {
    padding-top: 17rem;
    padding-bottom: 17rem; }
  header .pt--17,
  footer .pt--17 {
    padding-top: 17rem; }
  header .pb--17,
  footer .pb--17 {
    padding-bottom: 17rem; }
  header .pl--17,
  footer .pl--17 {
    padding-left: 17rem; }
  header .pr--17,
  footer .pr--17 {
    padding-right: 17rem; }
  header .p--18,
  footer .p--18 {
    padding: 18rem; }
  header .px--18,
  footer .px--18 {
    padding-left: 18rem;
    padding-right: 18rem; }
  header .py--18,
  footer .py--18 {
    padding-top: 18rem;
    padding-bottom: 18rem; }
  header .pt--18,
  footer .pt--18 {
    padding-top: 18rem; }
  header .pb--18,
  footer .pb--18 {
    padding-bottom: 18rem; }
  header .pl--18,
  footer .pl--18 {
    padding-left: 18rem; }
  header .pr--18,
  footer .pr--18 {
    padding-right: 18rem; }
  header .p--19,
  footer .p--19 {
    padding: 19rem; }
  header .px--19,
  footer .px--19 {
    padding-left: 19rem;
    padding-right: 19rem; }
  header .py--19,
  footer .py--19 {
    padding-top: 19rem;
    padding-bottom: 19rem; }
  header .pt--19,
  footer .pt--19 {
    padding-top: 19rem; }
  header .pb--19,
  footer .pb--19 {
    padding-bottom: 19rem; }
  header .pl--19,
  footer .pl--19 {
    padding-left: 19rem; }
  header .pr--19,
  footer .pr--19 {
    padding-right: 19rem; }
  header .p--20,
  footer .p--20 {
    padding: 20rem; }
  header .px--20,
  footer .px--20 {
    padding-left: 20rem;
    padding-right: 20rem; }
  header .py--20,
  footer .py--20 {
    padding-top: 20rem;
    padding-bottom: 20rem; }
  header .pt--20,
  footer .pt--20 {
    padding-top: 20rem; }
  header .pb--20,
  footer .pb--20 {
    padding-bottom: 20rem; }
  header .pl--20,
  footer .pl--20 {
    padding-left: 20rem; }
  header .pr--20,
  footer .pr--20 {
    padding-right: 20rem; }
  header .p--negative-quarter,
  footer .p--negative-quarter {
    padding: -0.25rem; }
  header .px--negative-quarter,
  footer .px--negative-quarter {
    padding-left: -0.25rem;
    padding-right: -0.25rem; }
  header .py--negative-quarter,
  footer .py--negative-quarter {
    padding-top: -0.25rem;
    padding-bottom: -0.25rem; }
  header .pt--negative-quarter,
  footer .pt--negative-quarter {
    padding-top: -0.25rem; }
  header .pb--negative-quarter,
  footer .pb--negative-quarter {
    padding-bottom: -0.25rem; }
  header .pl--negative-quarter,
  footer .pl--negative-quarter {
    padding-left: -0.25rem; }
  header .pr--negative-quarter,
  footer .pr--negative-quarter {
    padding-right: -0.25rem; }
  header .p--negative-3-quarters,
  footer .p--negative-3-quarters {
    padding: -0.75rem; }
  header .px--negative-3-quarters,
  footer .px--negative-3-quarters {
    padding-left: -0.75rem;
    padding-right: -0.75rem; }
  header .py--negative-3-quarters,
  footer .py--negative-3-quarters {
    padding-top: -0.75rem;
    padding-bottom: -0.75rem; }
  header .pt--negative-3-quarters,
  footer .pt--negative-3-quarters {
    padding-top: -0.75rem; }
  header .pb--negative-3-quarters,
  footer .pb--negative-3-quarters {
    padding-bottom: -0.75rem; }
  header .pl--negative-3-quarters,
  footer .pl--negative-3-quarters {
    padding-left: -0.75rem; }
  header .pr--negative-3-quarters,
  footer .pr--negative-3-quarters {
    padding-right: -0.75rem; }
  header .p--negative-half,
  footer .p--negative-half {
    padding: -0.5rem; }
  header .px--negative-half,
  footer .px--negative-half {
    padding-left: -0.5rem;
    padding-right: -0.5rem; }
  header .py--negative-half,
  footer .py--negative-half {
    padding-top: -0.5rem;
    padding-bottom: -0.5rem; }
  header .pt--negative-half,
  footer .pt--negative-half {
    padding-top: -0.5rem; }
  header .pb--negative-half,
  footer .pb--negative-half {
    padding-bottom: -0.5rem; }
  header .pl--negative-half,
  footer .pl--negative-half {
    padding-left: -0.5rem; }
  header .pr--negative-half,
  footer .pr--negative-half {
    padding-right: -0.5rem; }
  header .p--negative-1,
  footer .p--negative-1 {
    padding: -1rem; }
  header .px--negative-1,
  footer .px--negative-1 {
    padding-left: -1rem;
    padding-right: -1rem; }
  header .py--negative-1,
  footer .py--negative-1 {
    padding-top: -1rem;
    padding-bottom: -1rem; }
  header .pt--negative-1,
  footer .pt--negative-1 {
    padding-top: -1rem; }
  header .pb--negative-1,
  footer .pb--negative-1 {
    padding-bottom: -1rem; }
  header .pl--negative-1,
  footer .pl--negative-1 {
    padding-left: -1rem; }
  header .pr--negative-1,
  footer .pr--negative-1 {
    padding-right: -1rem; }
  header .p--negative-1-half,
  footer .p--negative-1-half {
    padding: -1.5rem; }
  header .px--negative-1-half,
  footer .px--negative-1-half {
    padding-left: -1.5rem;
    padding-right: -1.5rem; }
  header .py--negative-1-half,
  footer .py--negative-1-half {
    padding-top: -1.5rem;
    padding-bottom: -1.5rem; }
  header .pt--negative-1-half,
  footer .pt--negative-1-half {
    padding-top: -1.5rem; }
  header .pb--negative-1-half,
  footer .pb--negative-1-half {
    padding-bottom: -1.5rem; }
  header .pl--negative-1-half,
  footer .pl--negative-1-half {
    padding-left: -1.5rem; }
  header .pr--negative-1-half,
  footer .pr--negative-1-half {
    padding-right: -1.5rem; }
  header .p--negative-2,
  footer .p--negative-2 {
    padding: -2rem; }
  header .px--negative-2,
  footer .px--negative-2 {
    padding-left: -2rem;
    padding-right: -2rem; }
  header .py--negative-2,
  footer .py--negative-2 {
    padding-top: -2rem;
    padding-bottom: -2rem; }
  header .pt--negative-2,
  footer .pt--negative-2 {
    padding-top: -2rem; }
  header .pb--negative-2,
  footer .pb--negative-2 {
    padding-bottom: -2rem; }
  header .pl--negative-2,
  footer .pl--negative-2 {
    padding-left: -2rem; }
  header .pr--negative-2,
  footer .pr--negative-2 {
    padding-right: -2rem; }
  header .p--negative-3,
  footer .p--negative-3 {
    padding: -3rem; }
  header .px--negative-3,
  footer .px--negative-3 {
    padding-left: -3rem;
    padding-right: -3rem; }
  header .py--negative-3,
  footer .py--negative-3 {
    padding-top: -3rem;
    padding-bottom: -3rem; }
  header .pt--negative-3,
  footer .pt--negative-3 {
    padding-top: -3rem; }
  header .pb--negative-3,
  footer .pb--negative-3 {
    padding-bottom: -3rem; }
  header .pl--negative-3,
  footer .pl--negative-3 {
    padding-left: -3rem; }
  header .pr--negative-3,
  footer .pr--negative-3 {
    padding-right: -3rem; }
  header .p--negative-4,
  footer .p--negative-4 {
    padding: -4rem; }
  header .px--negative-4,
  footer .px--negative-4 {
    padding-left: -4rem;
    padding-right: -4rem; }
  header .py--negative-4,
  footer .py--negative-4 {
    padding-top: -4rem;
    padding-bottom: -4rem; }
  header .pt--negative-4,
  footer .pt--negative-4 {
    padding-top: -4rem; }
  header .pb--negative-4,
  footer .pb--negative-4 {
    padding-bottom: -4rem; }
  header .pl--negative-4,
  footer .pl--negative-4 {
    padding-left: -4rem; }
  header .pr--negative-4,
  footer .pr--negative-4 {
    padding-right: -4rem; }
  header .p--negative-5,
  footer .p--negative-5 {
    padding: -5rem; }
  header .px--negative-5,
  footer .px--negative-5 {
    padding-left: -5rem;
    padding-right: -5rem; }
  header .py--negative-5,
  footer .py--negative-5 {
    padding-top: -5rem;
    padding-bottom: -5rem; }
  header .pt--negative-5,
  footer .pt--negative-5 {
    padding-top: -5rem; }
  header .pb--negative-5,
  footer .pb--negative-5 {
    padding-bottom: -5rem; }
  header .pl--negative-5,
  footer .pl--negative-5 {
    padding-left: -5rem; }
  header .pr--negative-5,
  footer .pr--negative-5 {
    padding-right: -5rem; }
  header .p--negative-6,
  footer .p--negative-6 {
    padding: -6rem; }
  header .px--negative-6,
  footer .px--negative-6 {
    padding-left: -6rem;
    padding-right: -6rem; }
  header .py--negative-6,
  footer .py--negative-6 {
    padding-top: -6rem;
    padding-bottom: -6rem; }
  header .pt--negative-6,
  footer .pt--negative-6 {
    padding-top: -6rem; }
  header .pb--negative-6,
  footer .pb--negative-6 {
    padding-bottom: -6rem; }
  header .pl--negative-6,
  footer .pl--negative-6 {
    padding-left: -6rem; }
  header .pr--negative-6,
  footer .pr--negative-6 {
    padding-right: -6rem; }
  header .p--negative-7,
  footer .p--negative-7 {
    padding: -7rem; }
  header .px--negative-7,
  footer .px--negative-7 {
    padding-left: -7rem;
    padding-right: -7rem; }
  header .py--negative-7,
  footer .py--negative-7 {
    padding-top: -7rem;
    padding-bottom: -7rem; }
  header .pt--negative-7,
  footer .pt--negative-7 {
    padding-top: -7rem; }
  header .pb--negative-7,
  footer .pb--negative-7 {
    padding-bottom: -7rem; }
  header .pl--negative-7,
  footer .pl--negative-7 {
    padding-left: -7rem; }
  header .pr--negative-7,
  footer .pr--negative-7 {
    padding-right: -7rem; }
  header .p--negative-8,
  footer .p--negative-8 {
    padding: -8rem; }
  header .px--negative-8,
  footer .px--negative-8 {
    padding-left: -8rem;
    padding-right: -8rem; }
  header .py--negative-8,
  footer .py--negative-8 {
    padding-top: -8rem;
    padding-bottom: -8rem; }
  header .pt--negative-8,
  footer .pt--negative-8 {
    padding-top: -8rem; }
  header .pb--negative-8,
  footer .pb--negative-8 {
    padding-bottom: -8rem; }
  header .pl--negative-8,
  footer .pl--negative-8 {
    padding-left: -8rem; }
  header .pr--negative-8,
  footer .pr--negative-8 {
    padding-right: -8rem; }
  header .p--negative-9,
  footer .p--negative-9 {
    padding: -9rem; }
  header .px--negative-9,
  footer .px--negative-9 {
    padding-left: -9rem;
    padding-right: -9rem; }
  header .py--negative-9,
  footer .py--negative-9 {
    padding-top: -9rem;
    padding-bottom: -9rem; }
  header .pt--negative-9,
  footer .pt--negative-9 {
    padding-top: -9rem; }
  header .pb--negative-9,
  footer .pb--negative-9 {
    padding-bottom: -9rem; }
  header .pl--negative-9,
  footer .pl--negative-9 {
    padding-left: -9rem; }
  header .pr--negative-9,
  footer .pr--negative-9 {
    padding-right: -9rem; }
  header .p--negative-10,
  footer .p--negative-10 {
    padding: -10rem; }
  header .px--negative-10,
  footer .px--negative-10 {
    padding-left: -10rem;
    padding-right: -10rem; }
  header .py--negative-10,
  footer .py--negative-10 {
    padding-top: -10rem;
    padding-bottom: -10rem; }
  header .pt--negative-10,
  footer .pt--negative-10 {
    padding-top: -10rem; }
  header .pb--negative-10,
  footer .pb--negative-10 {
    padding-bottom: -10rem; }
  header .pl--negative-10,
  footer .pl--negative-10 {
    padding-left: -10rem; }
  header .pr--negative-10,
  footer .pr--negative-10 {
    padding-right: -10rem; }
  header .p--auto,
  footer .p--auto {
    padding: auto; }
  header .px--auto,
  footer .px--auto {
    padding-left: auto;
    padding-right: auto; }
  header .py--auto,
  footer .py--auto {
    padding-top: auto;
    padding-bottom: auto; }
  header .pt--auto,
  footer .pt--auto {
    padding-top: auto; }
  header .pb--auto,
  footer .pb--auto {
    padding-bottom: auto; }
  header .pl--auto,
  footer .pl--auto {
    padding-left: auto; }
  header .pr--auto,
  footer .pr--auto {
    padding-right: auto; }
  header .sm-mb--0-forced,
  footer .sm-mb--0-forced {
    margin-bottom: 0 !important; }
  header .sm-mb--1-forced,
  footer .sm-mb--1-forced {
    margin-bottom: 1rem !important; }
  header .sm-mb--half-forced,
  footer .sm-mb--half-forced {
    margin-bottom: 0.5rem !important; }
  header .sm-pb--0-forced,
  footer .sm-pb--0-forced {
    padding-bottom: 0 !important; }
  header .sm-px--1-forced,
  footer .sm-px--1-forced {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  header .sm-my--0-forced,
  footer .sm-my--0-forced {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }
  header .sm-px--half-forced,
  footer .sm-px--half-forced {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  header .sm-mt--1-forced,
  footer .sm-mt--1-forced {
    margin-top: 1rem !important; }
  header .sm-px--2-forced,
  footer .sm-px--2-forced {
    padding-left: 2rem !important;
    padding-right: 2rem !important; }
  header .sm-pr--2-forced,
  footer .sm-pr--2-forced {
    padding-right: 2rem !important; }
  header .sm-mr--1-forced,
  footer .sm-mr--1-forced {
    margin-right: 2rem !important; }
  header .sm-ml--0-forced,
  footer .sm-ml--0-forced {
    margin-left: 0rem !important; }
  header .sm-m--0,
  footer .sm-m--0 {
    margin: 0rem; }
  header .sm-mx--0,
  footer .sm-mx--0 {
    margin-left: 0rem;
    margin-right: 0rem; }
  header .sm-my--0,
  footer .sm-my--0 {
    margin-top: 0rem;
    margin-bottom: 0rem; }
  header .sm-mt--0,
  footer .sm-mt--0 {
    margin-top: 0rem; }
  header .sm-mb--0,
  footer .sm-mb--0 {
    margin-bottom: 0rem; }
  header .sm-ml--0,
  footer .sm-ml--0 {
    margin-left: 0rem; }
  header .sm-mr--0,
  footer .sm-mr--0 {
    margin-right: 0rem; }
  header .sm-m--quarter,
  footer .sm-m--quarter {
    margin: 0.25rem; }
  header .sm-mx--quarter,
  footer .sm-mx--quarter {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  header .sm-my--quarter,
  footer .sm-my--quarter {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  header .sm-mt--quarter,
  footer .sm-mt--quarter {
    margin-top: 0.25rem; }
  header .sm-mb--quarter,
  footer .sm-mb--quarter {
    margin-bottom: 0.25rem; }
  header .sm-ml--quarter,
  footer .sm-ml--quarter {
    margin-left: 0.25rem; }
  header .sm-mr--quarter,
  footer .sm-mr--quarter {
    margin-right: 0.25rem; }
  header .sm-m--half,
  footer .sm-m--half {
    margin: 0.5rem; }
  header .sm-mx--half,
  footer .sm-mx--half {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  header .sm-my--half,
  footer .sm-my--half {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  header .sm-mt--half,
  footer .sm-mt--half {
    margin-top: 0.5rem; }
  header .sm-mb--half,
  footer .sm-mb--half {
    margin-bottom: 0.5rem; }
  header .sm-ml--half,
  footer .sm-ml--half {
    margin-left: 0.5rem; }
  header .sm-mr--half,
  footer .sm-mr--half {
    margin-right: 0.5rem; }
  header .sm-m--3-quarters,
  footer .sm-m--3-quarters {
    margin: 0.75rem; }
  header .sm-mx--3-quarters,
  footer .sm-mx--3-quarters {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  header .sm-my--3-quarters,
  footer .sm-my--3-quarters {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  header .sm-mt--3-quarters,
  footer .sm-mt--3-quarters {
    margin-top: 0.75rem; }
  header .sm-mb--3-quarters,
  footer .sm-mb--3-quarters {
    margin-bottom: 0.75rem; }
  header .sm-ml--3-quarters,
  footer .sm-ml--3-quarters {
    margin-left: 0.75rem; }
  header .sm-mr--3-quarters,
  footer .sm-mr--3-quarters {
    margin-right: 0.75rem; }
  header .sm-m--1,
  footer .sm-m--1 {
    margin: 1rem; }
  header .sm-mx--1,
  footer .sm-mx--1 {
    margin-left: 1rem;
    margin-right: 1rem; }
  header .sm-my--1,
  footer .sm-my--1 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  header .sm-mt--1,
  footer .sm-mt--1 {
    margin-top: 1rem; }
  header .sm-mb--1,
  footer .sm-mb--1 {
    margin-bottom: 1rem; }
  header .sm-ml--1,
  footer .sm-ml--1 {
    margin-left: 1rem; }
  header .sm-mr--1,
  footer .sm-mr--1 {
    margin-right: 1rem; }
  header .sm-m--1-half,
  footer .sm-m--1-half {
    margin: 1.5rem; }
  header .sm-mx--1-half,
  footer .sm-mx--1-half {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  header .sm-my--1-half,
  footer .sm-my--1-half {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  header .sm-mt--1-half,
  footer .sm-mt--1-half {
    margin-top: 1.5rem; }
  header .sm-mb--1-half,
  footer .sm-mb--1-half {
    margin-bottom: 1.5rem; }
  header .sm-ml--1-half,
  footer .sm-ml--1-half {
    margin-left: 1.5rem; }
  header .sm-mr--1-half,
  footer .sm-mr--1-half {
    margin-right: 1.5rem; }
  header .sm-m--2,
  footer .sm-m--2 {
    margin: 2rem; }
  header .sm-mx--2,
  footer .sm-mx--2 {
    margin-left: 2rem;
    margin-right: 2rem; }
  header .sm-my--2,
  footer .sm-my--2 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  header .sm-mt--2,
  footer .sm-mt--2 {
    margin-top: 2rem; }
  header .sm-mb--2,
  footer .sm-mb--2 {
    margin-bottom: 2rem; }
  header .sm-ml--2,
  footer .sm-ml--2 {
    margin-left: 2rem; }
  header .sm-mr--2,
  footer .sm-mr--2 {
    margin-right: 2rem; }
  header .sm-m--2-half,
  footer .sm-m--2-half {
    margin: 2.5rem; }
  header .sm-mx--2-half,
  footer .sm-mx--2-half {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  header .sm-my--2-half,
  footer .sm-my--2-half {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  header .sm-mt--2-half,
  footer .sm-mt--2-half {
    margin-top: 2.5rem; }
  header .sm-mb--2-half,
  footer .sm-mb--2-half {
    margin-bottom: 2.5rem; }
  header .sm-ml--2-half,
  footer .sm-ml--2-half {
    margin-left: 2.5rem; }
  header .sm-mr--2-half,
  footer .sm-mr--2-half {
    margin-right: 2.5rem; }
  header .sm-m--3,
  footer .sm-m--3 {
    margin: 3rem; }
  header .sm-mx--3,
  footer .sm-mx--3 {
    margin-left: 3rem;
    margin-right: 3rem; }
  header .sm-my--3,
  footer .sm-my--3 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  header .sm-mt--3,
  footer .sm-mt--3 {
    margin-top: 3rem; }
  header .sm-mb--3,
  footer .sm-mb--3 {
    margin-bottom: 3rem; }
  header .sm-ml--3,
  footer .sm-ml--3 {
    margin-left: 3rem; }
  header .sm-mr--3,
  footer .sm-mr--3 {
    margin-right: 3rem; }
  header .sm-m--3-half,
  footer .sm-m--3-half {
    margin: 3.5rem; }
  header .sm-mx--3-half,
  footer .sm-mx--3-half {
    margin-left: 3.5rem;
    margin-right: 3.5rem; }
  header .sm-my--3-half,
  footer .sm-my--3-half {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem; }
  header .sm-mt--3-half,
  footer .sm-mt--3-half {
    margin-top: 3.5rem; }
  header .sm-mb--3-half,
  footer .sm-mb--3-half {
    margin-bottom: 3.5rem; }
  header .sm-ml--3-half,
  footer .sm-ml--3-half {
    margin-left: 3.5rem; }
  header .sm-mr--3-half,
  footer .sm-mr--3-half {
    margin-right: 3.5rem; }
  header .sm-m--4,
  footer .sm-m--4 {
    margin: 4rem; }
  header .sm-mx--4,
  footer .sm-mx--4 {
    margin-left: 4rem;
    margin-right: 4rem; }
  header .sm-my--4,
  footer .sm-my--4 {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  header .sm-mt--4,
  footer .sm-mt--4 {
    margin-top: 4rem; }
  header .sm-mb--4,
  footer .sm-mb--4 {
    margin-bottom: 4rem; }
  header .sm-ml--4,
  footer .sm-ml--4 {
    margin-left: 4rem; }
  header .sm-mr--4,
  footer .sm-mr--4 {
    margin-right: 4rem; }
  header .sm-m--4-half,
  footer .sm-m--4-half {
    margin: 4.5rem; }
  header .sm-mx--4-half,
  footer .sm-mx--4-half {
    margin-left: 4.5rem;
    margin-right: 4.5rem; }
  header .sm-my--4-half,
  footer .sm-my--4-half {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem; }
  header .sm-mt--4-half,
  footer .sm-mt--4-half {
    margin-top: 4.5rem; }
  header .sm-mb--4-half,
  footer .sm-mb--4-half {
    margin-bottom: 4.5rem; }
  header .sm-ml--4-half,
  footer .sm-ml--4-half {
    margin-left: 4.5rem; }
  header .sm-mr--4-half,
  footer .sm-mr--4-half {
    margin-right: 4.5rem; }
  header .sm-m--5,
  footer .sm-m--5 {
    margin: 5rem; }
  header .sm-mx--5,
  footer .sm-mx--5 {
    margin-left: 5rem;
    margin-right: 5rem; }
  header .sm-my--5,
  footer .sm-my--5 {
    margin-top: 5rem;
    margin-bottom: 5rem; }
  header .sm-mt--5,
  footer .sm-mt--5 {
    margin-top: 5rem; }
  header .sm-mb--5,
  footer .sm-mb--5 {
    margin-bottom: 5rem; }
  header .sm-ml--5,
  footer .sm-ml--5 {
    margin-left: 5rem; }
  header .sm-mr--5,
  footer .sm-mr--5 {
    margin-right: 5rem; }
  header .sm-m--5-half,
  footer .sm-m--5-half {
    margin: 5.5rem; }
  header .sm-mx--5-half,
  footer .sm-mx--5-half {
    margin-left: 5.5rem;
    margin-right: 5.5rem; }
  header .sm-my--5-half,
  footer .sm-my--5-half {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem; }
  header .sm-mt--5-half,
  footer .sm-mt--5-half {
    margin-top: 5.5rem; }
  header .sm-mb--5-half,
  footer .sm-mb--5-half {
    margin-bottom: 5.5rem; }
  header .sm-ml--5-half,
  footer .sm-ml--5-half {
    margin-left: 5.5rem; }
  header .sm-mr--5-half,
  footer .sm-mr--5-half {
    margin-right: 5.5rem; }
  header .sm-m--6,
  footer .sm-m--6 {
    margin: 6rem; }
  header .sm-mx--6,
  footer .sm-mx--6 {
    margin-left: 6rem;
    margin-right: 6rem; }
  header .sm-my--6,
  footer .sm-my--6 {
    margin-top: 6rem;
    margin-bottom: 6rem; }
  header .sm-mt--6,
  footer .sm-mt--6 {
    margin-top: 6rem; }
  header .sm-mb--6,
  footer .sm-mb--6 {
    margin-bottom: 6rem; }
  header .sm-ml--6,
  footer .sm-ml--6 {
    margin-left: 6rem; }
  header .sm-mr--6,
  footer .sm-mr--6 {
    margin-right: 6rem; }
  header .sm-m--6-half,
  footer .sm-m--6-half {
    margin: 6.5rem; }
  header .sm-mx--6-half,
  footer .sm-mx--6-half {
    margin-left: 6.5rem;
    margin-right: 6.5rem; }
  header .sm-my--6-half,
  footer .sm-my--6-half {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem; }
  header .sm-mt--6-half,
  footer .sm-mt--6-half {
    margin-top: 6.5rem; }
  header .sm-mb--6-half,
  footer .sm-mb--6-half {
    margin-bottom: 6.5rem; }
  header .sm-ml--6-half,
  footer .sm-ml--6-half {
    margin-left: 6.5rem; }
  header .sm-mr--6-half,
  footer .sm-mr--6-half {
    margin-right: 6.5rem; }
  header .sm-m--7,
  footer .sm-m--7 {
    margin: 7rem; }
  header .sm-mx--7,
  footer .sm-mx--7 {
    margin-left: 7rem;
    margin-right: 7rem; }
  header .sm-my--7,
  footer .sm-my--7 {
    margin-top: 7rem;
    margin-bottom: 7rem; }
  header .sm-mt--7,
  footer .sm-mt--7 {
    margin-top: 7rem; }
  header .sm-mb--7,
  footer .sm-mb--7 {
    margin-bottom: 7rem; }
  header .sm-ml--7,
  footer .sm-ml--7 {
    margin-left: 7rem; }
  header .sm-mr--7,
  footer .sm-mr--7 {
    margin-right: 7rem; }
  header .sm-m--7-half,
  footer .sm-m--7-half {
    margin: 7.5rem; }
  header .sm-mx--7-half,
  footer .sm-mx--7-half {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  header .sm-my--7-half,
  footer .sm-my--7-half {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  header .sm-mt--7-half,
  footer .sm-mt--7-half {
    margin-top: 7.5rem; }
  header .sm-mb--7-half,
  footer .sm-mb--7-half {
    margin-bottom: 7.5rem; }
  header .sm-ml--7-half,
  footer .sm-ml--7-half {
    margin-left: 7.5rem; }
  header .sm-mr--7-half,
  footer .sm-mr--7-half {
    margin-right: 7.5rem; }
  header .sm-m--8,
  footer .sm-m--8 {
    margin: 8rem; }
  header .sm-mx--8,
  footer .sm-mx--8 {
    margin-left: 8rem;
    margin-right: 8rem; }
  header .sm-my--8,
  footer .sm-my--8 {
    margin-top: 8rem;
    margin-bottom: 8rem; }
  header .sm-mt--8,
  footer .sm-mt--8 {
    margin-top: 8rem; }
  header .sm-mb--8,
  footer .sm-mb--8 {
    margin-bottom: 8rem; }
  header .sm-ml--8,
  footer .sm-ml--8 {
    margin-left: 8rem; }
  header .sm-mr--8,
  footer .sm-mr--8 {
    margin-right: 8rem; }
  header .sm-m--9,
  footer .sm-m--9 {
    margin: 9rem; }
  header .sm-mx--9,
  footer .sm-mx--9 {
    margin-left: 9rem;
    margin-right: 9rem; }
  header .sm-my--9,
  footer .sm-my--9 {
    margin-top: 9rem;
    margin-bottom: 9rem; }
  header .sm-mt--9,
  footer .sm-mt--9 {
    margin-top: 9rem; }
  header .sm-mb--9,
  footer .sm-mb--9 {
    margin-bottom: 9rem; }
  header .sm-ml--9,
  footer .sm-ml--9 {
    margin-left: 9rem; }
  header .sm-mr--9,
  footer .sm-mr--9 {
    margin-right: 9rem; }
  header .sm-m--10,
  footer .sm-m--10 {
    margin: 10rem; }
  header .sm-mx--10,
  footer .sm-mx--10 {
    margin-left: 10rem;
    margin-right: 10rem; }
  header .sm-my--10,
  footer .sm-my--10 {
    margin-top: 10rem;
    margin-bottom: 10rem; }
  header .sm-mt--10,
  footer .sm-mt--10 {
    margin-top: 10rem; }
  header .sm-mb--10,
  footer .sm-mb--10 {
    margin-bottom: 10rem; }
  header .sm-ml--10,
  footer .sm-ml--10 {
    margin-left: 10rem; }
  header .sm-mr--10,
  footer .sm-mr--10 {
    margin-right: 10rem; }
  header .sm-m--11,
  footer .sm-m--11 {
    margin: 11rem; }
  header .sm-mx--11,
  footer .sm-mx--11 {
    margin-left: 11rem;
    margin-right: 11rem; }
  header .sm-my--11,
  footer .sm-my--11 {
    margin-top: 11rem;
    margin-bottom: 11rem; }
  header .sm-mt--11,
  footer .sm-mt--11 {
    margin-top: 11rem; }
  header .sm-mb--11,
  footer .sm-mb--11 {
    margin-bottom: 11rem; }
  header .sm-ml--11,
  footer .sm-ml--11 {
    margin-left: 11rem; }
  header .sm-mr--11,
  footer .sm-mr--11 {
    margin-right: 11rem; }
  header .sm-m--12,
  footer .sm-m--12 {
    margin: 12rem; }
  header .sm-mx--12,
  footer .sm-mx--12 {
    margin-left: 12rem;
    margin-right: 12rem; }
  header .sm-my--12,
  footer .sm-my--12 {
    margin-top: 12rem;
    margin-bottom: 12rem; }
  header .sm-mt--12,
  footer .sm-mt--12 {
    margin-top: 12rem; }
  header .sm-mb--12,
  footer .sm-mb--12 {
    margin-bottom: 12rem; }
  header .sm-ml--12,
  footer .sm-ml--12 {
    margin-left: 12rem; }
  header .sm-mr--12,
  footer .sm-mr--12 {
    margin-right: 12rem; }
  header .sm-m--13,
  footer .sm-m--13 {
    margin: 13rem; }
  header .sm-mx--13,
  footer .sm-mx--13 {
    margin-left: 13rem;
    margin-right: 13rem; }
  header .sm-my--13,
  footer .sm-my--13 {
    margin-top: 13rem;
    margin-bottom: 13rem; }
  header .sm-mt--13,
  footer .sm-mt--13 {
    margin-top: 13rem; }
  header .sm-mb--13,
  footer .sm-mb--13 {
    margin-bottom: 13rem; }
  header .sm-ml--13,
  footer .sm-ml--13 {
    margin-left: 13rem; }
  header .sm-mr--13,
  footer .sm-mr--13 {
    margin-right: 13rem; }
  header .sm-m--14,
  footer .sm-m--14 {
    margin: 14rem; }
  header .sm-mx--14,
  footer .sm-mx--14 {
    margin-left: 14rem;
    margin-right: 14rem; }
  header .sm-my--14,
  footer .sm-my--14 {
    margin-top: 14rem;
    margin-bottom: 14rem; }
  header .sm-mt--14,
  footer .sm-mt--14 {
    margin-top: 14rem; }
  header .sm-mb--14,
  footer .sm-mb--14 {
    margin-bottom: 14rem; }
  header .sm-ml--14,
  footer .sm-ml--14 {
    margin-left: 14rem; }
  header .sm-mr--14,
  footer .sm-mr--14 {
    margin-right: 14rem; }
  header .sm-m--15,
  footer .sm-m--15 {
    margin: 15rem; }
  header .sm-mx--15,
  footer .sm-mx--15 {
    margin-left: 15rem;
    margin-right: 15rem; }
  header .sm-my--15,
  footer .sm-my--15 {
    margin-top: 15rem;
    margin-bottom: 15rem; }
  header .sm-mt--15,
  footer .sm-mt--15 {
    margin-top: 15rem; }
  header .sm-mb--15,
  footer .sm-mb--15 {
    margin-bottom: 15rem; }
  header .sm-ml--15,
  footer .sm-ml--15 {
    margin-left: 15rem; }
  header .sm-mr--15,
  footer .sm-mr--15 {
    margin-right: 15rem; }
  header .sm-m--16,
  footer .sm-m--16 {
    margin: 16rem; }
  header .sm-mx--16,
  footer .sm-mx--16 {
    margin-left: 16rem;
    margin-right: 16rem; }
  header .sm-my--16,
  footer .sm-my--16 {
    margin-top: 16rem;
    margin-bottom: 16rem; }
  header .sm-mt--16,
  footer .sm-mt--16 {
    margin-top: 16rem; }
  header .sm-mb--16,
  footer .sm-mb--16 {
    margin-bottom: 16rem; }
  header .sm-ml--16,
  footer .sm-ml--16 {
    margin-left: 16rem; }
  header .sm-mr--16,
  footer .sm-mr--16 {
    margin-right: 16rem; }
  header .sm-m--17,
  footer .sm-m--17 {
    margin: 17rem; }
  header .sm-mx--17,
  footer .sm-mx--17 {
    margin-left: 17rem;
    margin-right: 17rem; }
  header .sm-my--17,
  footer .sm-my--17 {
    margin-top: 17rem;
    margin-bottom: 17rem; }
  header .sm-mt--17,
  footer .sm-mt--17 {
    margin-top: 17rem; }
  header .sm-mb--17,
  footer .sm-mb--17 {
    margin-bottom: 17rem; }
  header .sm-ml--17,
  footer .sm-ml--17 {
    margin-left: 17rem; }
  header .sm-mr--17,
  footer .sm-mr--17 {
    margin-right: 17rem; }
  header .sm-m--18,
  footer .sm-m--18 {
    margin: 18rem; }
  header .sm-mx--18,
  footer .sm-mx--18 {
    margin-left: 18rem;
    margin-right: 18rem; }
  header .sm-my--18,
  footer .sm-my--18 {
    margin-top: 18rem;
    margin-bottom: 18rem; }
  header .sm-mt--18,
  footer .sm-mt--18 {
    margin-top: 18rem; }
  header .sm-mb--18,
  footer .sm-mb--18 {
    margin-bottom: 18rem; }
  header .sm-ml--18,
  footer .sm-ml--18 {
    margin-left: 18rem; }
  header .sm-mr--18,
  footer .sm-mr--18 {
    margin-right: 18rem; }
  header .sm-m--19,
  footer .sm-m--19 {
    margin: 19rem; }
  header .sm-mx--19,
  footer .sm-mx--19 {
    margin-left: 19rem;
    margin-right: 19rem; }
  header .sm-my--19,
  footer .sm-my--19 {
    margin-top: 19rem;
    margin-bottom: 19rem; }
  header .sm-mt--19,
  footer .sm-mt--19 {
    margin-top: 19rem; }
  header .sm-mb--19,
  footer .sm-mb--19 {
    margin-bottom: 19rem; }
  header .sm-ml--19,
  footer .sm-ml--19 {
    margin-left: 19rem; }
  header .sm-mr--19,
  footer .sm-mr--19 {
    margin-right: 19rem; }
  header .sm-m--20,
  footer .sm-m--20 {
    margin: 20rem; }
  header .sm-mx--20,
  footer .sm-mx--20 {
    margin-left: 20rem;
    margin-right: 20rem; }
  header .sm-my--20,
  footer .sm-my--20 {
    margin-top: 20rem;
    margin-bottom: 20rem; }
  header .sm-mt--20,
  footer .sm-mt--20 {
    margin-top: 20rem; }
  header .sm-mb--20,
  footer .sm-mb--20 {
    margin-bottom: 20rem; }
  header .sm-ml--20,
  footer .sm-ml--20 {
    margin-left: 20rem; }
  header .sm-mr--20,
  footer .sm-mr--20 {
    margin-right: 20rem; }
  header .sm-m--negative-quarter,
  footer .sm-m--negative-quarter {
    margin: -0.25rem; }
  header .sm-mx--negative-quarter,
  footer .sm-mx--negative-quarter {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  header .sm-my--negative-quarter,
  footer .sm-my--negative-quarter {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem; }
  header .sm-mt--negative-quarter,
  footer .sm-mt--negative-quarter {
    margin-top: -0.25rem; }
  header .sm-mb--negative-quarter,
  footer .sm-mb--negative-quarter {
    margin-bottom: -0.25rem; }
  header .sm-ml--negative-quarter,
  footer .sm-ml--negative-quarter {
    margin-left: -0.25rem; }
  header .sm-mr--negative-quarter,
  footer .sm-mr--negative-quarter {
    margin-right: -0.25rem; }
  header .sm-m--negative-3-quarters,
  footer .sm-m--negative-3-quarters {
    margin: -0.75rem; }
  header .sm-mx--negative-3-quarters,
  footer .sm-mx--negative-3-quarters {
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
  header .sm-my--negative-3-quarters,
  footer .sm-my--negative-3-quarters {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; }
  header .sm-mt--negative-3-quarters,
  footer .sm-mt--negative-3-quarters {
    margin-top: -0.75rem; }
  header .sm-mb--negative-3-quarters,
  footer .sm-mb--negative-3-quarters {
    margin-bottom: -0.75rem; }
  header .sm-ml--negative-3-quarters,
  footer .sm-ml--negative-3-quarters {
    margin-left: -0.75rem; }
  header .sm-mr--negative-3-quarters,
  footer .sm-mr--negative-3-quarters {
    margin-right: -0.75rem; }
  header .sm-m--negative-half,
  footer .sm-m--negative-half {
    margin: -0.5rem; }
  header .sm-mx--negative-half,
  footer .sm-mx--negative-half {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  header .sm-my--negative-half,
  footer .sm-my--negative-half {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  header .sm-mt--negative-half,
  footer .sm-mt--negative-half {
    margin-top: -0.5rem; }
  header .sm-mb--negative-half,
  footer .sm-mb--negative-half {
    margin-bottom: -0.5rem; }
  header .sm-ml--negative-half,
  footer .sm-ml--negative-half {
    margin-left: -0.5rem; }
  header .sm-mr--negative-half,
  footer .sm-mr--negative-half {
    margin-right: -0.5rem; }
  header .sm-m--negative-1,
  footer .sm-m--negative-1 {
    margin: -1rem; }
  header .sm-mx--negative-1,
  footer .sm-mx--negative-1 {
    margin-left: -1rem;
    margin-right: -1rem; }
  header .sm-my--negative-1,
  footer .sm-my--negative-1 {
    margin-top: -1rem;
    margin-bottom: -1rem; }
  header .sm-mt--negative-1,
  footer .sm-mt--negative-1 {
    margin-top: -1rem; }
  header .sm-mb--negative-1,
  footer .sm-mb--negative-1 {
    margin-bottom: -1rem; }
  header .sm-ml--negative-1,
  footer .sm-ml--negative-1 {
    margin-left: -1rem; }
  header .sm-mr--negative-1,
  footer .sm-mr--negative-1 {
    margin-right: -1rem; }
  header .sm-m--negative-1-half,
  footer .sm-m--negative-1-half {
    margin: -1.5rem; }
  header .sm-mx--negative-1-half,
  footer .sm-mx--negative-1-half {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  header .sm-my--negative-1-half,
  footer .sm-my--negative-1-half {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem; }
  header .sm-mt--negative-1-half,
  footer .sm-mt--negative-1-half {
    margin-top: -1.5rem; }
  header .sm-mb--negative-1-half,
  footer .sm-mb--negative-1-half {
    margin-bottom: -1.5rem; }
  header .sm-ml--negative-1-half,
  footer .sm-ml--negative-1-half {
    margin-left: -1.5rem; }
  header .sm-mr--negative-1-half,
  footer .sm-mr--negative-1-half {
    margin-right: -1.5rem; }
  header .sm-m--negative-2,
  footer .sm-m--negative-2 {
    margin: -2rem; }
  header .sm-mx--negative-2,
  footer .sm-mx--negative-2 {
    margin-left: -2rem;
    margin-right: -2rem; }
  header .sm-my--negative-2,
  footer .sm-my--negative-2 {
    margin-top: -2rem;
    margin-bottom: -2rem; }
  header .sm-mt--negative-2,
  footer .sm-mt--negative-2 {
    margin-top: -2rem; }
  header .sm-mb--negative-2,
  footer .sm-mb--negative-2 {
    margin-bottom: -2rem; }
  header .sm-ml--negative-2,
  footer .sm-ml--negative-2 {
    margin-left: -2rem; }
  header .sm-mr--negative-2,
  footer .sm-mr--negative-2 {
    margin-right: -2rem; }
  header .sm-m--negative-3,
  footer .sm-m--negative-3 {
    margin: -3rem; }
  header .sm-mx--negative-3,
  footer .sm-mx--negative-3 {
    margin-left: -3rem;
    margin-right: -3rem; }
  header .sm-my--negative-3,
  footer .sm-my--negative-3 {
    margin-top: -3rem;
    margin-bottom: -3rem; }
  header .sm-mt--negative-3,
  footer .sm-mt--negative-3 {
    margin-top: -3rem; }
  header .sm-mb--negative-3,
  footer .sm-mb--negative-3 {
    margin-bottom: -3rem; }
  header .sm-ml--negative-3,
  footer .sm-ml--negative-3 {
    margin-left: -3rem; }
  header .sm-mr--negative-3,
  footer .sm-mr--negative-3 {
    margin-right: -3rem; }
  header .sm-m--negative-4,
  footer .sm-m--negative-4 {
    margin: -4rem; }
  header .sm-mx--negative-4,
  footer .sm-mx--negative-4 {
    margin-left: -4rem;
    margin-right: -4rem; }
  header .sm-my--negative-4,
  footer .sm-my--negative-4 {
    margin-top: -4rem;
    margin-bottom: -4rem; }
  header .sm-mt--negative-4,
  footer .sm-mt--negative-4 {
    margin-top: -4rem; }
  header .sm-mb--negative-4,
  footer .sm-mb--negative-4 {
    margin-bottom: -4rem; }
  header .sm-ml--negative-4,
  footer .sm-ml--negative-4 {
    margin-left: -4rem; }
  header .sm-mr--negative-4,
  footer .sm-mr--negative-4 {
    margin-right: -4rem; }
  header .sm-m--negative-5,
  footer .sm-m--negative-5 {
    margin: -5rem; }
  header .sm-mx--negative-5,
  footer .sm-mx--negative-5 {
    margin-left: -5rem;
    margin-right: -5rem; }
  header .sm-my--negative-5,
  footer .sm-my--negative-5 {
    margin-top: -5rem;
    margin-bottom: -5rem; }
  header .sm-mt--negative-5,
  footer .sm-mt--negative-5 {
    margin-top: -5rem; }
  header .sm-mb--negative-5,
  footer .sm-mb--negative-5 {
    margin-bottom: -5rem; }
  header .sm-ml--negative-5,
  footer .sm-ml--negative-5 {
    margin-left: -5rem; }
  header .sm-mr--negative-5,
  footer .sm-mr--negative-5 {
    margin-right: -5rem; }
  header .sm-m--negative-6,
  footer .sm-m--negative-6 {
    margin: -6rem; }
  header .sm-mx--negative-6,
  footer .sm-mx--negative-6 {
    margin-left: -6rem;
    margin-right: -6rem; }
  header .sm-my--negative-6,
  footer .sm-my--negative-6 {
    margin-top: -6rem;
    margin-bottom: -6rem; }
  header .sm-mt--negative-6,
  footer .sm-mt--negative-6 {
    margin-top: -6rem; }
  header .sm-mb--negative-6,
  footer .sm-mb--negative-6 {
    margin-bottom: -6rem; }
  header .sm-ml--negative-6,
  footer .sm-ml--negative-6 {
    margin-left: -6rem; }
  header .sm-mr--negative-6,
  footer .sm-mr--negative-6 {
    margin-right: -6rem; }
  header .sm-m--negative-7,
  footer .sm-m--negative-7 {
    margin: -7rem; }
  header .sm-mx--negative-7,
  footer .sm-mx--negative-7 {
    margin-left: -7rem;
    margin-right: -7rem; }
  header .sm-my--negative-7,
  footer .sm-my--negative-7 {
    margin-top: -7rem;
    margin-bottom: -7rem; }
  header .sm-mt--negative-7,
  footer .sm-mt--negative-7 {
    margin-top: -7rem; }
  header .sm-mb--negative-7,
  footer .sm-mb--negative-7 {
    margin-bottom: -7rem; }
  header .sm-ml--negative-7,
  footer .sm-ml--negative-7 {
    margin-left: -7rem; }
  header .sm-mr--negative-7,
  footer .sm-mr--negative-7 {
    margin-right: -7rem; }
  header .sm-m--negative-8,
  footer .sm-m--negative-8 {
    margin: -8rem; }
  header .sm-mx--negative-8,
  footer .sm-mx--negative-8 {
    margin-left: -8rem;
    margin-right: -8rem; }
  header .sm-my--negative-8,
  footer .sm-my--negative-8 {
    margin-top: -8rem;
    margin-bottom: -8rem; }
  header .sm-mt--negative-8,
  footer .sm-mt--negative-8 {
    margin-top: -8rem; }
  header .sm-mb--negative-8,
  footer .sm-mb--negative-8 {
    margin-bottom: -8rem; }
  header .sm-ml--negative-8,
  footer .sm-ml--negative-8 {
    margin-left: -8rem; }
  header .sm-mr--negative-8,
  footer .sm-mr--negative-8 {
    margin-right: -8rem; }
  header .sm-m--negative-9,
  footer .sm-m--negative-9 {
    margin: -9rem; }
  header .sm-mx--negative-9,
  footer .sm-mx--negative-9 {
    margin-left: -9rem;
    margin-right: -9rem; }
  header .sm-my--negative-9,
  footer .sm-my--negative-9 {
    margin-top: -9rem;
    margin-bottom: -9rem; }
  header .sm-mt--negative-9,
  footer .sm-mt--negative-9 {
    margin-top: -9rem; }
  header .sm-mb--negative-9,
  footer .sm-mb--negative-9 {
    margin-bottom: -9rem; }
  header .sm-ml--negative-9,
  footer .sm-ml--negative-9 {
    margin-left: -9rem; }
  header .sm-mr--negative-9,
  footer .sm-mr--negative-9 {
    margin-right: -9rem; }
  header .sm-m--negative-10,
  footer .sm-m--negative-10 {
    margin: -10rem; }
  header .sm-mx--negative-10,
  footer .sm-mx--negative-10 {
    margin-left: -10rem;
    margin-right: -10rem; }
  header .sm-my--negative-10,
  footer .sm-my--negative-10 {
    margin-top: -10rem;
    margin-bottom: -10rem; }
  header .sm-mt--negative-10,
  footer .sm-mt--negative-10 {
    margin-top: -10rem; }
  header .sm-mb--negative-10,
  footer .sm-mb--negative-10 {
    margin-bottom: -10rem; }
  header .sm-ml--negative-10,
  footer .sm-ml--negative-10 {
    margin-left: -10rem; }
  header .sm-mr--negative-10,
  footer .sm-mr--negative-10 {
    margin-right: -10rem; }
  header .sm-m--auto,
  footer .sm-m--auto {
    margin: auto; }
  header .sm-mx--auto,
  footer .sm-mx--auto {
    margin-left: auto;
    margin-right: auto; }
  header .sm-my--auto,
  footer .sm-my--auto {
    margin-top: auto;
    margin-bottom: auto; }
  header .sm-mt--auto,
  footer .sm-mt--auto {
    margin-top: auto; }
  header .sm-mb--auto,
  footer .sm-mb--auto {
    margin-bottom: auto; }
  header .sm-ml--auto,
  footer .sm-ml--auto {
    margin-left: auto; }
  header .sm-mr--auto,
  footer .sm-mr--auto {
    margin-right: auto; }
  header .sm-p--0,
  footer .sm-p--0 {
    padding: 0rem; }
  header .sm-px--0,
  footer .sm-px--0 {
    padding-left: 0rem;
    padding-right: 0rem; }
  header .sm-py--0,
  footer .sm-py--0 {
    padding-top: 0rem;
    padding-bottom: 0rem; }
  header .sm-pt--0,
  footer .sm-pt--0 {
    padding-top: 0rem; }
  header .sm-pb--0,
  footer .sm-pb--0 {
    padding-bottom: 0rem; }
  header .sm-pl--0,
  footer .sm-pl--0 {
    padding-left: 0rem; }
  header .sm-pr--0,
  footer .sm-pr--0 {
    padding-right: 0rem; }
  header .sm-p--quarter,
  footer .sm-p--quarter {
    padding: 0.25rem; }
  header .sm-px--quarter,
  footer .sm-px--quarter {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  header .sm-py--quarter,
  footer .sm-py--quarter {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  header .sm-pt--quarter,
  footer .sm-pt--quarter {
    padding-top: 0.25rem; }
  header .sm-pb--quarter,
  footer .sm-pb--quarter {
    padding-bottom: 0.25rem; }
  header .sm-pl--quarter,
  footer .sm-pl--quarter {
    padding-left: 0.25rem; }
  header .sm-pr--quarter,
  footer .sm-pr--quarter {
    padding-right: 0.25rem; }
  header .sm-p--half,
  footer .sm-p--half {
    padding: 0.5rem; }
  header .sm-px--half,
  footer .sm-px--half {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  header .sm-py--half,
  footer .sm-py--half {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  header .sm-pt--half,
  footer .sm-pt--half {
    padding-top: 0.5rem; }
  header .sm-pb--half,
  footer .sm-pb--half {
    padding-bottom: 0.5rem; }
  header .sm-pl--half,
  footer .sm-pl--half {
    padding-left: 0.5rem; }
  header .sm-pr--half,
  footer .sm-pr--half {
    padding-right: 0.5rem; }
  header .sm-p--3-quarters,
  footer .sm-p--3-quarters {
    padding: 0.75rem; }
  header .sm-px--3-quarters,
  footer .sm-px--3-quarters {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  header .sm-py--3-quarters,
  footer .sm-py--3-quarters {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  header .sm-pt--3-quarters,
  footer .sm-pt--3-quarters {
    padding-top: 0.75rem; }
  header .sm-pb--3-quarters,
  footer .sm-pb--3-quarters {
    padding-bottom: 0.75rem; }
  header .sm-pl--3-quarters,
  footer .sm-pl--3-quarters {
    padding-left: 0.75rem; }
  header .sm-pr--3-quarters,
  footer .sm-pr--3-quarters {
    padding-right: 0.75rem; }
  header .sm-p--1,
  footer .sm-p--1 {
    padding: 1rem; }
  header .sm-px--1,
  footer .sm-px--1 {
    padding-left: 1rem;
    padding-right: 1rem; }
  header .sm-py--1,
  footer .sm-py--1 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  header .sm-pt--1,
  footer .sm-pt--1 {
    padding-top: 1rem; }
  header .sm-pb--1,
  footer .sm-pb--1 {
    padding-bottom: 1rem; }
  header .sm-pl--1,
  footer .sm-pl--1 {
    padding-left: 1rem; }
  header .sm-pr--1,
  footer .sm-pr--1 {
    padding-right: 1rem; }
  header .sm-p--1-half,
  footer .sm-p--1-half {
    padding: 1.5rem; }
  header .sm-px--1-half,
  footer .sm-px--1-half {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  header .sm-py--1-half,
  footer .sm-py--1-half {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  header .sm-pt--1-half,
  footer .sm-pt--1-half {
    padding-top: 1.5rem; }
  header .sm-pb--1-half,
  footer .sm-pb--1-half {
    padding-bottom: 1.5rem; }
  header .sm-pl--1-half,
  footer .sm-pl--1-half {
    padding-left: 1.5rem; }
  header .sm-pr--1-half,
  footer .sm-pr--1-half {
    padding-right: 1.5rem; }
  header .sm-p--2,
  footer .sm-p--2 {
    padding: 2rem; }
  header .sm-px--2,
  footer .sm-px--2 {
    padding-left: 2rem;
    padding-right: 2rem; }
  header .sm-py--2,
  footer .sm-py--2 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  header .sm-pt--2,
  footer .sm-pt--2 {
    padding-top: 2rem; }
  header .sm-pb--2,
  footer .sm-pb--2 {
    padding-bottom: 2rem; }
  header .sm-pl--2,
  footer .sm-pl--2 {
    padding-left: 2rem; }
  header .sm-pr--2,
  footer .sm-pr--2 {
    padding-right: 2rem; }
  header .sm-p--2-half,
  footer .sm-p--2-half {
    padding: 2.5rem; }
  header .sm-px--2-half,
  footer .sm-px--2-half {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  header .sm-py--2-half,
  footer .sm-py--2-half {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  header .sm-pt--2-half,
  footer .sm-pt--2-half {
    padding-top: 2.5rem; }
  header .sm-pb--2-half,
  footer .sm-pb--2-half {
    padding-bottom: 2.5rem; }
  header .sm-pl--2-half,
  footer .sm-pl--2-half {
    padding-left: 2.5rem; }
  header .sm-pr--2-half,
  footer .sm-pr--2-half {
    padding-right: 2.5rem; }
  header .sm-p--3,
  footer .sm-p--3 {
    padding: 3rem; }
  header .sm-px--3,
  footer .sm-px--3 {
    padding-left: 3rem;
    padding-right: 3rem; }
  header .sm-py--3,
  footer .sm-py--3 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  header .sm-pt--3,
  footer .sm-pt--3 {
    padding-top: 3rem; }
  header .sm-pb--3,
  footer .sm-pb--3 {
    padding-bottom: 3rem; }
  header .sm-pl--3,
  footer .sm-pl--3 {
    padding-left: 3rem; }
  header .sm-pr--3,
  footer .sm-pr--3 {
    padding-right: 3rem; }
  header .sm-p--3-half,
  footer .sm-p--3-half {
    padding: 3.5rem; }
  header .sm-px--3-half,
  footer .sm-px--3-half {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }
  header .sm-py--3-half,
  footer .sm-py--3-half {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
  header .sm-pt--3-half,
  footer .sm-pt--3-half {
    padding-top: 3.5rem; }
  header .sm-pb--3-half,
  footer .sm-pb--3-half {
    padding-bottom: 3.5rem; }
  header .sm-pl--3-half,
  footer .sm-pl--3-half {
    padding-left: 3.5rem; }
  header .sm-pr--3-half,
  footer .sm-pr--3-half {
    padding-right: 3.5rem; }
  header .sm-p--4,
  footer .sm-p--4 {
    padding: 4rem; }
  header .sm-px--4,
  footer .sm-px--4 {
    padding-left: 4rem;
    padding-right: 4rem; }
  header .sm-py--4,
  footer .sm-py--4 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  header .sm-pt--4,
  footer .sm-pt--4 {
    padding-top: 4rem; }
  header .sm-pb--4,
  footer .sm-pb--4 {
    padding-bottom: 4rem; }
  header .sm-pl--4,
  footer .sm-pl--4 {
    padding-left: 4rem; }
  header .sm-pr--4,
  footer .sm-pr--4 {
    padding-right: 4rem; }
  header .sm-p--4-half,
  footer .sm-p--4-half {
    padding: 4.5rem; }
  header .sm-px--4-half,
  footer .sm-px--4-half {
    padding-left: 4.5rem;
    padding-right: 4.5rem; }
  header .sm-py--4-half,
  footer .sm-py--4-half {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; }
  header .sm-pt--4-half,
  footer .sm-pt--4-half {
    padding-top: 4.5rem; }
  header .sm-pb--4-half,
  footer .sm-pb--4-half {
    padding-bottom: 4.5rem; }
  header .sm-pl--4-half,
  footer .sm-pl--4-half {
    padding-left: 4.5rem; }
  header .sm-pr--4-half,
  footer .sm-pr--4-half {
    padding-right: 4.5rem; }
  header .sm-p--5,
  footer .sm-p--5 {
    padding: 5rem; }
  header .sm-px--5,
  footer .sm-px--5 {
    padding-left: 5rem;
    padding-right: 5rem; }
  header .sm-py--5,
  footer .sm-py--5 {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  header .sm-pt--5,
  footer .sm-pt--5 {
    padding-top: 5rem; }
  header .sm-pb--5,
  footer .sm-pb--5 {
    padding-bottom: 5rem; }
  header .sm-pl--5,
  footer .sm-pl--5 {
    padding-left: 5rem; }
  header .sm-pr--5,
  footer .sm-pr--5 {
    padding-right: 5rem; }
  header .sm-p--5-half,
  footer .sm-p--5-half {
    padding: 5.5rem; }
  header .sm-px--5-half,
  footer .sm-px--5-half {
    padding-left: 5.5rem;
    padding-right: 5.5rem; }
  header .sm-py--5-half,
  footer .sm-py--5-half {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem; }
  header .sm-pt--5-half,
  footer .sm-pt--5-half {
    padding-top: 5.5rem; }
  header .sm-pb--5-half,
  footer .sm-pb--5-half {
    padding-bottom: 5.5rem; }
  header .sm-pl--5-half,
  footer .sm-pl--5-half {
    padding-left: 5.5rem; }
  header .sm-pr--5-half,
  footer .sm-pr--5-half {
    padding-right: 5.5rem; }
  header .sm-p--6,
  footer .sm-p--6 {
    padding: 6rem; }
  header .sm-px--6,
  footer .sm-px--6 {
    padding-left: 6rem;
    padding-right: 6rem; }
  header .sm-py--6,
  footer .sm-py--6 {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  header .sm-pt--6,
  footer .sm-pt--6 {
    padding-top: 6rem; }
  header .sm-pb--6,
  footer .sm-pb--6 {
    padding-bottom: 6rem; }
  header .sm-pl--6,
  footer .sm-pl--6 {
    padding-left: 6rem; }
  header .sm-pr--6,
  footer .sm-pr--6 {
    padding-right: 6rem; }
  header .sm-p--6-half,
  footer .sm-p--6-half {
    padding: 6.5rem; }
  header .sm-px--6-half,
  footer .sm-px--6-half {
    padding-left: 6.5rem;
    padding-right: 6.5rem; }
  header .sm-py--6-half,
  footer .sm-py--6-half {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem; }
  header .sm-pt--6-half,
  footer .sm-pt--6-half {
    padding-top: 6.5rem; }
  header .sm-pb--6-half,
  footer .sm-pb--6-half {
    padding-bottom: 6.5rem; }
  header .sm-pl--6-half,
  footer .sm-pl--6-half {
    padding-left: 6.5rem; }
  header .sm-pr--6-half,
  footer .sm-pr--6-half {
    padding-right: 6.5rem; }
  header .sm-p--7,
  footer .sm-p--7 {
    padding: 7rem; }
  header .sm-px--7,
  footer .sm-px--7 {
    padding-left: 7rem;
    padding-right: 7rem; }
  header .sm-py--7,
  footer .sm-py--7 {
    padding-top: 7rem;
    padding-bottom: 7rem; }
  header .sm-pt--7,
  footer .sm-pt--7 {
    padding-top: 7rem; }
  header .sm-pb--7,
  footer .sm-pb--7 {
    padding-bottom: 7rem; }
  header .sm-pl--7,
  footer .sm-pl--7 {
    padding-left: 7rem; }
  header .sm-pr--7,
  footer .sm-pr--7 {
    padding-right: 7rem; }
  header .sm-p--7-half,
  footer .sm-p--7-half {
    padding: 7.5rem; }
  header .sm-px--7-half,
  footer .sm-px--7-half {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  header .sm-py--7-half,
  footer .sm-py--7-half {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  header .sm-pt--7-half,
  footer .sm-pt--7-half {
    padding-top: 7.5rem; }
  header .sm-pb--7-half,
  footer .sm-pb--7-half {
    padding-bottom: 7.5rem; }
  header .sm-pl--7-half,
  footer .sm-pl--7-half {
    padding-left: 7.5rem; }
  header .sm-pr--7-half,
  footer .sm-pr--7-half {
    padding-right: 7.5rem; }
  header .sm-p--8,
  footer .sm-p--8 {
    padding: 8rem; }
  header .sm-px--8,
  footer .sm-px--8 {
    padding-left: 8rem;
    padding-right: 8rem; }
  header .sm-py--8,
  footer .sm-py--8 {
    padding-top: 8rem;
    padding-bottom: 8rem; }
  header .sm-pt--8,
  footer .sm-pt--8 {
    padding-top: 8rem; }
  header .sm-pb--8,
  footer .sm-pb--8 {
    padding-bottom: 8rem; }
  header .sm-pl--8,
  footer .sm-pl--8 {
    padding-left: 8rem; }
  header .sm-pr--8,
  footer .sm-pr--8 {
    padding-right: 8rem; }
  header .sm-p--9,
  footer .sm-p--9 {
    padding: 9rem; }
  header .sm-px--9,
  footer .sm-px--9 {
    padding-left: 9rem;
    padding-right: 9rem; }
  header .sm-py--9,
  footer .sm-py--9 {
    padding-top: 9rem;
    padding-bottom: 9rem; }
  header .sm-pt--9,
  footer .sm-pt--9 {
    padding-top: 9rem; }
  header .sm-pb--9,
  footer .sm-pb--9 {
    padding-bottom: 9rem; }
  header .sm-pl--9,
  footer .sm-pl--9 {
    padding-left: 9rem; }
  header .sm-pr--9,
  footer .sm-pr--9 {
    padding-right: 9rem; }
  header .sm-p--10,
  footer .sm-p--10 {
    padding: 10rem; }
  header .sm-px--10,
  footer .sm-px--10 {
    padding-left: 10rem;
    padding-right: 10rem; }
  header .sm-py--10,
  footer .sm-py--10 {
    padding-top: 10rem;
    padding-bottom: 10rem; }
  header .sm-pt--10,
  footer .sm-pt--10 {
    padding-top: 10rem; }
  header .sm-pb--10,
  footer .sm-pb--10 {
    padding-bottom: 10rem; }
  header .sm-pl--10,
  footer .sm-pl--10 {
    padding-left: 10rem; }
  header .sm-pr--10,
  footer .sm-pr--10 {
    padding-right: 10rem; }
  header .sm-p--11,
  footer .sm-p--11 {
    padding: 11rem; }
  header .sm-px--11,
  footer .sm-px--11 {
    padding-left: 11rem;
    padding-right: 11rem; }
  header .sm-py--11,
  footer .sm-py--11 {
    padding-top: 11rem;
    padding-bottom: 11rem; }
  header .sm-pt--11,
  footer .sm-pt--11 {
    padding-top: 11rem; }
  header .sm-pb--11,
  footer .sm-pb--11 {
    padding-bottom: 11rem; }
  header .sm-pl--11,
  footer .sm-pl--11 {
    padding-left: 11rem; }
  header .sm-pr--11,
  footer .sm-pr--11 {
    padding-right: 11rem; }
  header .sm-p--12,
  footer .sm-p--12 {
    padding: 12rem; }
  header .sm-px--12,
  footer .sm-px--12 {
    padding-left: 12rem;
    padding-right: 12rem; }
  header .sm-py--12,
  footer .sm-py--12 {
    padding-top: 12rem;
    padding-bottom: 12rem; }
  header .sm-pt--12,
  footer .sm-pt--12 {
    padding-top: 12rem; }
  header .sm-pb--12,
  footer .sm-pb--12 {
    padding-bottom: 12rem; }
  header .sm-pl--12,
  footer .sm-pl--12 {
    padding-left: 12rem; }
  header .sm-pr--12,
  footer .sm-pr--12 {
    padding-right: 12rem; }
  header .sm-p--13,
  footer .sm-p--13 {
    padding: 13rem; }
  header .sm-px--13,
  footer .sm-px--13 {
    padding-left: 13rem;
    padding-right: 13rem; }
  header .sm-py--13,
  footer .sm-py--13 {
    padding-top: 13rem;
    padding-bottom: 13rem; }
  header .sm-pt--13,
  footer .sm-pt--13 {
    padding-top: 13rem; }
  header .sm-pb--13,
  footer .sm-pb--13 {
    padding-bottom: 13rem; }
  header .sm-pl--13,
  footer .sm-pl--13 {
    padding-left: 13rem; }
  header .sm-pr--13,
  footer .sm-pr--13 {
    padding-right: 13rem; }
  header .sm-p--14,
  footer .sm-p--14 {
    padding: 14rem; }
  header .sm-px--14,
  footer .sm-px--14 {
    padding-left: 14rem;
    padding-right: 14rem; }
  header .sm-py--14,
  footer .sm-py--14 {
    padding-top: 14rem;
    padding-bottom: 14rem; }
  header .sm-pt--14,
  footer .sm-pt--14 {
    padding-top: 14rem; }
  header .sm-pb--14,
  footer .sm-pb--14 {
    padding-bottom: 14rem; }
  header .sm-pl--14,
  footer .sm-pl--14 {
    padding-left: 14rem; }
  header .sm-pr--14,
  footer .sm-pr--14 {
    padding-right: 14rem; }
  header .sm-p--15,
  footer .sm-p--15 {
    padding: 15rem; }
  header .sm-px--15,
  footer .sm-px--15 {
    padding-left: 15rem;
    padding-right: 15rem; }
  header .sm-py--15,
  footer .sm-py--15 {
    padding-top: 15rem;
    padding-bottom: 15rem; }
  header .sm-pt--15,
  footer .sm-pt--15 {
    padding-top: 15rem; }
  header .sm-pb--15,
  footer .sm-pb--15 {
    padding-bottom: 15rem; }
  header .sm-pl--15,
  footer .sm-pl--15 {
    padding-left: 15rem; }
  header .sm-pr--15,
  footer .sm-pr--15 {
    padding-right: 15rem; }
  header .sm-p--16,
  footer .sm-p--16 {
    padding: 16rem; }
  header .sm-px--16,
  footer .sm-px--16 {
    padding-left: 16rem;
    padding-right: 16rem; }
  header .sm-py--16,
  footer .sm-py--16 {
    padding-top: 16rem;
    padding-bottom: 16rem; }
  header .sm-pt--16,
  footer .sm-pt--16 {
    padding-top: 16rem; }
  header .sm-pb--16,
  footer .sm-pb--16 {
    padding-bottom: 16rem; }
  header .sm-pl--16,
  footer .sm-pl--16 {
    padding-left: 16rem; }
  header .sm-pr--16,
  footer .sm-pr--16 {
    padding-right: 16rem; }
  header .sm-p--17,
  footer .sm-p--17 {
    padding: 17rem; }
  header .sm-px--17,
  footer .sm-px--17 {
    padding-left: 17rem;
    padding-right: 17rem; }
  header .sm-py--17,
  footer .sm-py--17 {
    padding-top: 17rem;
    padding-bottom: 17rem; }
  header .sm-pt--17,
  footer .sm-pt--17 {
    padding-top: 17rem; }
  header .sm-pb--17,
  footer .sm-pb--17 {
    padding-bottom: 17rem; }
  header .sm-pl--17,
  footer .sm-pl--17 {
    padding-left: 17rem; }
  header .sm-pr--17,
  footer .sm-pr--17 {
    padding-right: 17rem; }
  header .sm-p--18,
  footer .sm-p--18 {
    padding: 18rem; }
  header .sm-px--18,
  footer .sm-px--18 {
    padding-left: 18rem;
    padding-right: 18rem; }
  header .sm-py--18,
  footer .sm-py--18 {
    padding-top: 18rem;
    padding-bottom: 18rem; }
  header .sm-pt--18,
  footer .sm-pt--18 {
    padding-top: 18rem; }
  header .sm-pb--18,
  footer .sm-pb--18 {
    padding-bottom: 18rem; }
  header .sm-pl--18,
  footer .sm-pl--18 {
    padding-left: 18rem; }
  header .sm-pr--18,
  footer .sm-pr--18 {
    padding-right: 18rem; }
  header .sm-p--19,
  footer .sm-p--19 {
    padding: 19rem; }
  header .sm-px--19,
  footer .sm-px--19 {
    padding-left: 19rem;
    padding-right: 19rem; }
  header .sm-py--19,
  footer .sm-py--19 {
    padding-top: 19rem;
    padding-bottom: 19rem; }
  header .sm-pt--19,
  footer .sm-pt--19 {
    padding-top: 19rem; }
  header .sm-pb--19,
  footer .sm-pb--19 {
    padding-bottom: 19rem; }
  header .sm-pl--19,
  footer .sm-pl--19 {
    padding-left: 19rem; }
  header .sm-pr--19,
  footer .sm-pr--19 {
    padding-right: 19rem; }
  header .sm-p--20,
  footer .sm-p--20 {
    padding: 20rem; }
  header .sm-px--20,
  footer .sm-px--20 {
    padding-left: 20rem;
    padding-right: 20rem; }
  header .sm-py--20,
  footer .sm-py--20 {
    padding-top: 20rem;
    padding-bottom: 20rem; }
  header .sm-pt--20,
  footer .sm-pt--20 {
    padding-top: 20rem; }
  header .sm-pb--20,
  footer .sm-pb--20 {
    padding-bottom: 20rem; }
  header .sm-pl--20,
  footer .sm-pl--20 {
    padding-left: 20rem; }
  header .sm-pr--20,
  footer .sm-pr--20 {
    padding-right: 20rem; }
  header .sm-p--negative-quarter,
  footer .sm-p--negative-quarter {
    padding: -0.25rem; }
  header .sm-px--negative-quarter,
  footer .sm-px--negative-quarter {
    padding-left: -0.25rem;
    padding-right: -0.25rem; }
  header .sm-py--negative-quarter,
  footer .sm-py--negative-quarter {
    padding-top: -0.25rem;
    padding-bottom: -0.25rem; }
  header .sm-pt--negative-quarter,
  footer .sm-pt--negative-quarter {
    padding-top: -0.25rem; }
  header .sm-pb--negative-quarter,
  footer .sm-pb--negative-quarter {
    padding-bottom: -0.25rem; }
  header .sm-pl--negative-quarter,
  footer .sm-pl--negative-quarter {
    padding-left: -0.25rem; }
  header .sm-pr--negative-quarter,
  footer .sm-pr--negative-quarter {
    padding-right: -0.25rem; }
  header .sm-p--negative-3-quarters,
  footer .sm-p--negative-3-quarters {
    padding: -0.75rem; }
  header .sm-px--negative-3-quarters,
  footer .sm-px--negative-3-quarters {
    padding-left: -0.75rem;
    padding-right: -0.75rem; }
  header .sm-py--negative-3-quarters,
  footer .sm-py--negative-3-quarters {
    padding-top: -0.75rem;
    padding-bottom: -0.75rem; }
  header .sm-pt--negative-3-quarters,
  footer .sm-pt--negative-3-quarters {
    padding-top: -0.75rem; }
  header .sm-pb--negative-3-quarters,
  footer .sm-pb--negative-3-quarters {
    padding-bottom: -0.75rem; }
  header .sm-pl--negative-3-quarters,
  footer .sm-pl--negative-3-quarters {
    padding-left: -0.75rem; }
  header .sm-pr--negative-3-quarters,
  footer .sm-pr--negative-3-quarters {
    padding-right: -0.75rem; }
  header .sm-p--negative-half,
  footer .sm-p--negative-half {
    padding: -0.5rem; }
  header .sm-px--negative-half,
  footer .sm-px--negative-half {
    padding-left: -0.5rem;
    padding-right: -0.5rem; }
  header .sm-py--negative-half,
  footer .sm-py--negative-half {
    padding-top: -0.5rem;
    padding-bottom: -0.5rem; }
  header .sm-pt--negative-half,
  footer .sm-pt--negative-half {
    padding-top: -0.5rem; }
  header .sm-pb--negative-half,
  footer .sm-pb--negative-half {
    padding-bottom: -0.5rem; }
  header .sm-pl--negative-half,
  footer .sm-pl--negative-half {
    padding-left: -0.5rem; }
  header .sm-pr--negative-half,
  footer .sm-pr--negative-half {
    padding-right: -0.5rem; }
  header .sm-p--negative-1,
  footer .sm-p--negative-1 {
    padding: -1rem; }
  header .sm-px--negative-1,
  footer .sm-px--negative-1 {
    padding-left: -1rem;
    padding-right: -1rem; }
  header .sm-py--negative-1,
  footer .sm-py--negative-1 {
    padding-top: -1rem;
    padding-bottom: -1rem; }
  header .sm-pt--negative-1,
  footer .sm-pt--negative-1 {
    padding-top: -1rem; }
  header .sm-pb--negative-1,
  footer .sm-pb--negative-1 {
    padding-bottom: -1rem; }
  header .sm-pl--negative-1,
  footer .sm-pl--negative-1 {
    padding-left: -1rem; }
  header .sm-pr--negative-1,
  footer .sm-pr--negative-1 {
    padding-right: -1rem; }
  header .sm-p--negative-1-half,
  footer .sm-p--negative-1-half {
    padding: -1.5rem; }
  header .sm-px--negative-1-half,
  footer .sm-px--negative-1-half {
    padding-left: -1.5rem;
    padding-right: -1.5rem; }
  header .sm-py--negative-1-half,
  footer .sm-py--negative-1-half {
    padding-top: -1.5rem;
    padding-bottom: -1.5rem; }
  header .sm-pt--negative-1-half,
  footer .sm-pt--negative-1-half {
    padding-top: -1.5rem; }
  header .sm-pb--negative-1-half,
  footer .sm-pb--negative-1-half {
    padding-bottom: -1.5rem; }
  header .sm-pl--negative-1-half,
  footer .sm-pl--negative-1-half {
    padding-left: -1.5rem; }
  header .sm-pr--negative-1-half,
  footer .sm-pr--negative-1-half {
    padding-right: -1.5rem; }
  header .sm-p--negative-2,
  footer .sm-p--negative-2 {
    padding: -2rem; }
  header .sm-px--negative-2,
  footer .sm-px--negative-2 {
    padding-left: -2rem;
    padding-right: -2rem; }
  header .sm-py--negative-2,
  footer .sm-py--negative-2 {
    padding-top: -2rem;
    padding-bottom: -2rem; }
  header .sm-pt--negative-2,
  footer .sm-pt--negative-2 {
    padding-top: -2rem; }
  header .sm-pb--negative-2,
  footer .sm-pb--negative-2 {
    padding-bottom: -2rem; }
  header .sm-pl--negative-2,
  footer .sm-pl--negative-2 {
    padding-left: -2rem; }
  header .sm-pr--negative-2,
  footer .sm-pr--negative-2 {
    padding-right: -2rem; }
  header .sm-p--negative-3,
  footer .sm-p--negative-3 {
    padding: -3rem; }
  header .sm-px--negative-3,
  footer .sm-px--negative-3 {
    padding-left: -3rem;
    padding-right: -3rem; }
  header .sm-py--negative-3,
  footer .sm-py--negative-3 {
    padding-top: -3rem;
    padding-bottom: -3rem; }
  header .sm-pt--negative-3,
  footer .sm-pt--negative-3 {
    padding-top: -3rem; }
  header .sm-pb--negative-3,
  footer .sm-pb--negative-3 {
    padding-bottom: -3rem; }
  header .sm-pl--negative-3,
  footer .sm-pl--negative-3 {
    padding-left: -3rem; }
  header .sm-pr--negative-3,
  footer .sm-pr--negative-3 {
    padding-right: -3rem; }
  header .sm-p--negative-4,
  footer .sm-p--negative-4 {
    padding: -4rem; }
  header .sm-px--negative-4,
  footer .sm-px--negative-4 {
    padding-left: -4rem;
    padding-right: -4rem; }
  header .sm-py--negative-4,
  footer .sm-py--negative-4 {
    padding-top: -4rem;
    padding-bottom: -4rem; }
  header .sm-pt--negative-4,
  footer .sm-pt--negative-4 {
    padding-top: -4rem; }
  header .sm-pb--negative-4,
  footer .sm-pb--negative-4 {
    padding-bottom: -4rem; }
  header .sm-pl--negative-4,
  footer .sm-pl--negative-4 {
    padding-left: -4rem; }
  header .sm-pr--negative-4,
  footer .sm-pr--negative-4 {
    padding-right: -4rem; }
  header .sm-p--negative-5,
  footer .sm-p--negative-5 {
    padding: -5rem; }
  header .sm-px--negative-5,
  footer .sm-px--negative-5 {
    padding-left: -5rem;
    padding-right: -5rem; }
  header .sm-py--negative-5,
  footer .sm-py--negative-5 {
    padding-top: -5rem;
    padding-bottom: -5rem; }
  header .sm-pt--negative-5,
  footer .sm-pt--negative-5 {
    padding-top: -5rem; }
  header .sm-pb--negative-5,
  footer .sm-pb--negative-5 {
    padding-bottom: -5rem; }
  header .sm-pl--negative-5,
  footer .sm-pl--negative-5 {
    padding-left: -5rem; }
  header .sm-pr--negative-5,
  footer .sm-pr--negative-5 {
    padding-right: -5rem; }
  header .sm-p--negative-6,
  footer .sm-p--negative-6 {
    padding: -6rem; }
  header .sm-px--negative-6,
  footer .sm-px--negative-6 {
    padding-left: -6rem;
    padding-right: -6rem; }
  header .sm-py--negative-6,
  footer .sm-py--negative-6 {
    padding-top: -6rem;
    padding-bottom: -6rem; }
  header .sm-pt--negative-6,
  footer .sm-pt--negative-6 {
    padding-top: -6rem; }
  header .sm-pb--negative-6,
  footer .sm-pb--negative-6 {
    padding-bottom: -6rem; }
  header .sm-pl--negative-6,
  footer .sm-pl--negative-6 {
    padding-left: -6rem; }
  header .sm-pr--negative-6,
  footer .sm-pr--negative-6 {
    padding-right: -6rem; }
  header .sm-p--negative-7,
  footer .sm-p--negative-7 {
    padding: -7rem; }
  header .sm-px--negative-7,
  footer .sm-px--negative-7 {
    padding-left: -7rem;
    padding-right: -7rem; }
  header .sm-py--negative-7,
  footer .sm-py--negative-7 {
    padding-top: -7rem;
    padding-bottom: -7rem; }
  header .sm-pt--negative-7,
  footer .sm-pt--negative-7 {
    padding-top: -7rem; }
  header .sm-pb--negative-7,
  footer .sm-pb--negative-7 {
    padding-bottom: -7rem; }
  header .sm-pl--negative-7,
  footer .sm-pl--negative-7 {
    padding-left: -7rem; }
  header .sm-pr--negative-7,
  footer .sm-pr--negative-7 {
    padding-right: -7rem; }
  header .sm-p--negative-8,
  footer .sm-p--negative-8 {
    padding: -8rem; }
  header .sm-px--negative-8,
  footer .sm-px--negative-8 {
    padding-left: -8rem;
    padding-right: -8rem; }
  header .sm-py--negative-8,
  footer .sm-py--negative-8 {
    padding-top: -8rem;
    padding-bottom: -8rem; }
  header .sm-pt--negative-8,
  footer .sm-pt--negative-8 {
    padding-top: -8rem; }
  header .sm-pb--negative-8,
  footer .sm-pb--negative-8 {
    padding-bottom: -8rem; }
  header .sm-pl--negative-8,
  footer .sm-pl--negative-8 {
    padding-left: -8rem; }
  header .sm-pr--negative-8,
  footer .sm-pr--negative-8 {
    padding-right: -8rem; }
  header .sm-p--negative-9,
  footer .sm-p--negative-9 {
    padding: -9rem; }
  header .sm-px--negative-9,
  footer .sm-px--negative-9 {
    padding-left: -9rem;
    padding-right: -9rem; }
  header .sm-py--negative-9,
  footer .sm-py--negative-9 {
    padding-top: -9rem;
    padding-bottom: -9rem; }
  header .sm-pt--negative-9,
  footer .sm-pt--negative-9 {
    padding-top: -9rem; }
  header .sm-pb--negative-9,
  footer .sm-pb--negative-9 {
    padding-bottom: -9rem; }
  header .sm-pl--negative-9,
  footer .sm-pl--negative-9 {
    padding-left: -9rem; }
  header .sm-pr--negative-9,
  footer .sm-pr--negative-9 {
    padding-right: -9rem; }
  header .sm-p--negative-10,
  footer .sm-p--negative-10 {
    padding: -10rem; }
  header .sm-px--negative-10,
  footer .sm-px--negative-10 {
    padding-left: -10rem;
    padding-right: -10rem; }
  header .sm-py--negative-10,
  footer .sm-py--negative-10 {
    padding-top: -10rem;
    padding-bottom: -10rem; }
  header .sm-pt--negative-10,
  footer .sm-pt--negative-10 {
    padding-top: -10rem; }
  header .sm-pb--negative-10,
  footer .sm-pb--negative-10 {
    padding-bottom: -10rem; }
  header .sm-pl--negative-10,
  footer .sm-pl--negative-10 {
    padding-left: -10rem; }
  header .sm-pr--negative-10,
  footer .sm-pr--negative-10 {
    padding-right: -10rem; }
  header .sm-p--auto,
  footer .sm-p--auto {
    padding: auto; }
  header .sm-px--auto,
  footer .sm-px--auto {
    padding-left: auto;
    padding-right: auto; }
  header .sm-py--auto,
  footer .sm-py--auto {
    padding-top: auto;
    padding-bottom: auto; }
  header .sm-pt--auto,
  footer .sm-pt--auto {
    padding-top: auto; }
  header .sm-pb--auto,
  footer .sm-pb--auto {
    padding-bottom: auto; }
  header .sm-pl--auto,
  footer .sm-pl--auto {
    padding-left: auto; }
  header .sm-pr--auto,
  footer .sm-pr--auto {
    padding-right: auto; }
  @media screen and (max-width: 45.9375rem) {
    header .sm-only-mb--0-forced,
    footer .sm-only-mb--0-forced {
      margin-bottom: 0 !important; }
    header .sm-only-mb--1-forced,
    footer .sm-only-mb--1-forced {
      margin-bottom: 1rem !important; }
    header .sm-only-mb--half-forced,
    footer .sm-only-mb--half-forced {
      margin-bottom: 0.5rem !important; }
    header .sm-only-pb--0-forced,
    footer .sm-only-pb--0-forced {
      padding-bottom: 0 !important; }
    header .sm-only-px--1-forced,
    footer .sm-only-px--1-forced {
      padding-left: 1rem !important;
      padding-right: 1rem !important; }
    header .sm-only-my--0-forced,
    footer .sm-only-my--0-forced {
      margin-bottom: 0 !important;
      margin-top: 0 !important; }
    header .sm-only-px--half-forced,
    footer .sm-only-px--half-forced {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important; }
    header .sm-only-mt--1-forced,
    footer .sm-only-mt--1-forced {
      margin-top: 1rem !important; }
    header .sm-only-px--2-forced,
    footer .sm-only-px--2-forced {
      padding-left: 2rem !important;
      padding-right: 2rem !important; }
    header .sm-only-pr--2-forced,
    footer .sm-only-pr--2-forced {
      padding-right: 2rem !important; }
    header .sm-only-mr--1-forced,
    footer .sm-only-mr--1-forced {
      margin-right: 2rem !important; }
    header .sm-only-ml--0-forced,
    footer .sm-only-ml--0-forced {
      margin-left: 0rem !important; }
    header .sm-only-m--0,
    footer .sm-only-m--0 {
      margin: 0rem; }
    header .sm-only-mx--0,
    footer .sm-only-mx--0 {
      margin-left: 0rem;
      margin-right: 0rem; }
    header .sm-only-my--0,
    footer .sm-only-my--0 {
      margin-top: 0rem;
      margin-bottom: 0rem; }
    header .sm-only-mt--0,
    footer .sm-only-mt--0 {
      margin-top: 0rem; }
    header .sm-only-mb--0,
    footer .sm-only-mb--0 {
      margin-bottom: 0rem; }
    header .sm-only-ml--0,
    footer .sm-only-ml--0 {
      margin-left: 0rem; }
    header .sm-only-mr--0,
    footer .sm-only-mr--0 {
      margin-right: 0rem; }
    header .sm-only-m--quarter,
    footer .sm-only-m--quarter {
      margin: 0.25rem; }
    header .sm-only-mx--quarter,
    footer .sm-only-mx--quarter {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }
    header .sm-only-my--quarter,
    footer .sm-only-my--quarter {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem; }
    header .sm-only-mt--quarter,
    footer .sm-only-mt--quarter {
      margin-top: 0.25rem; }
    header .sm-only-mb--quarter,
    footer .sm-only-mb--quarter {
      margin-bottom: 0.25rem; }
    header .sm-only-ml--quarter,
    footer .sm-only-ml--quarter {
      margin-left: 0.25rem; }
    header .sm-only-mr--quarter,
    footer .sm-only-mr--quarter {
      margin-right: 0.25rem; }
    header .sm-only-m--half,
    footer .sm-only-m--half {
      margin: 0.5rem; }
    header .sm-only-mx--half,
    footer .sm-only-mx--half {
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
    header .sm-only-my--half,
    footer .sm-only-my--half {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    header .sm-only-mt--half,
    footer .sm-only-mt--half {
      margin-top: 0.5rem; }
    header .sm-only-mb--half,
    footer .sm-only-mb--half {
      margin-bottom: 0.5rem; }
    header .sm-only-ml--half,
    footer .sm-only-ml--half {
      margin-left: 0.5rem; }
    header .sm-only-mr--half,
    footer .sm-only-mr--half {
      margin-right: 0.5rem; }
    header .sm-only-m--3-quarters,
    footer .sm-only-m--3-quarters {
      margin: 0.75rem; }
    header .sm-only-mx--3-quarters,
    footer .sm-only-mx--3-quarters {
      margin-left: 0.75rem;
      margin-right: 0.75rem; }
    header .sm-only-my--3-quarters,
    footer .sm-only-my--3-quarters {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem; }
    header .sm-only-mt--3-quarters,
    footer .sm-only-mt--3-quarters {
      margin-top: 0.75rem; }
    header .sm-only-mb--3-quarters,
    footer .sm-only-mb--3-quarters {
      margin-bottom: 0.75rem; }
    header .sm-only-ml--3-quarters,
    footer .sm-only-ml--3-quarters {
      margin-left: 0.75rem; }
    header .sm-only-mr--3-quarters,
    footer .sm-only-mr--3-quarters {
      margin-right: 0.75rem; }
    header .sm-only-m--1,
    footer .sm-only-m--1 {
      margin: 1rem; }
    header .sm-only-mx--1,
    footer .sm-only-mx--1 {
      margin-left: 1rem;
      margin-right: 1rem; }
    header .sm-only-my--1,
    footer .sm-only-my--1 {
      margin-top: 1rem;
      margin-bottom: 1rem; }
    header .sm-only-mt--1,
    footer .sm-only-mt--1 {
      margin-top: 1rem; }
    header .sm-only-mb--1,
    footer .sm-only-mb--1 {
      margin-bottom: 1rem; }
    header .sm-only-ml--1,
    footer .sm-only-ml--1 {
      margin-left: 1rem; }
    header .sm-only-mr--1,
    footer .sm-only-mr--1 {
      margin-right: 1rem; }
    header .sm-only-m--1-half,
    footer .sm-only-m--1-half {
      margin: 1.5rem; }
    header .sm-only-mx--1-half,
    footer .sm-only-mx--1-half {
      margin-left: 1.5rem;
      margin-right: 1.5rem; }
    header .sm-only-my--1-half,
    footer .sm-only-my--1-half {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; }
    header .sm-only-mt--1-half,
    footer .sm-only-mt--1-half {
      margin-top: 1.5rem; }
    header .sm-only-mb--1-half,
    footer .sm-only-mb--1-half {
      margin-bottom: 1.5rem; }
    header .sm-only-ml--1-half,
    footer .sm-only-ml--1-half {
      margin-left: 1.5rem; }
    header .sm-only-mr--1-half,
    footer .sm-only-mr--1-half {
      margin-right: 1.5rem; }
    header .sm-only-m--2,
    footer .sm-only-m--2 {
      margin: 2rem; }
    header .sm-only-mx--2,
    footer .sm-only-mx--2 {
      margin-left: 2rem;
      margin-right: 2rem; }
    header .sm-only-my--2,
    footer .sm-only-my--2 {
      margin-top: 2rem;
      margin-bottom: 2rem; }
    header .sm-only-mt--2,
    footer .sm-only-mt--2 {
      margin-top: 2rem; }
    header .sm-only-mb--2,
    footer .sm-only-mb--2 {
      margin-bottom: 2rem; }
    header .sm-only-ml--2,
    footer .sm-only-ml--2 {
      margin-left: 2rem; }
    header .sm-only-mr--2,
    footer .sm-only-mr--2 {
      margin-right: 2rem; }
    header .sm-only-m--2-half,
    footer .sm-only-m--2-half {
      margin: 2.5rem; }
    header .sm-only-mx--2-half,
    footer .sm-only-mx--2-half {
      margin-left: 2.5rem;
      margin-right: 2.5rem; }
    header .sm-only-my--2-half,
    footer .sm-only-my--2-half {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem; }
    header .sm-only-mt--2-half,
    footer .sm-only-mt--2-half {
      margin-top: 2.5rem; }
    header .sm-only-mb--2-half,
    footer .sm-only-mb--2-half {
      margin-bottom: 2.5rem; }
    header .sm-only-ml--2-half,
    footer .sm-only-ml--2-half {
      margin-left: 2.5rem; }
    header .sm-only-mr--2-half,
    footer .sm-only-mr--2-half {
      margin-right: 2.5rem; }
    header .sm-only-m--3,
    footer .sm-only-m--3 {
      margin: 3rem; }
    header .sm-only-mx--3,
    footer .sm-only-mx--3 {
      margin-left: 3rem;
      margin-right: 3rem; }
    header .sm-only-my--3,
    footer .sm-only-my--3 {
      margin-top: 3rem;
      margin-bottom: 3rem; }
    header .sm-only-mt--3,
    footer .sm-only-mt--3 {
      margin-top: 3rem; }
    header .sm-only-mb--3,
    footer .sm-only-mb--3 {
      margin-bottom: 3rem; }
    header .sm-only-ml--3,
    footer .sm-only-ml--3 {
      margin-left: 3rem; }
    header .sm-only-mr--3,
    footer .sm-only-mr--3 {
      margin-right: 3rem; }
    header .sm-only-m--3-half,
    footer .sm-only-m--3-half {
      margin: 3.5rem; }
    header .sm-only-mx--3-half,
    footer .sm-only-mx--3-half {
      margin-left: 3.5rem;
      margin-right: 3.5rem; }
    header .sm-only-my--3-half,
    footer .sm-only-my--3-half {
      margin-top: 3.5rem;
      margin-bottom: 3.5rem; }
    header .sm-only-mt--3-half,
    footer .sm-only-mt--3-half {
      margin-top: 3.5rem; }
    header .sm-only-mb--3-half,
    footer .sm-only-mb--3-half {
      margin-bottom: 3.5rem; }
    header .sm-only-ml--3-half,
    footer .sm-only-ml--3-half {
      margin-left: 3.5rem; }
    header .sm-only-mr--3-half,
    footer .sm-only-mr--3-half {
      margin-right: 3.5rem; }
    header .sm-only-m--4,
    footer .sm-only-m--4 {
      margin: 4rem; }
    header .sm-only-mx--4,
    footer .sm-only-mx--4 {
      margin-left: 4rem;
      margin-right: 4rem; }
    header .sm-only-my--4,
    footer .sm-only-my--4 {
      margin-top: 4rem;
      margin-bottom: 4rem; }
    header .sm-only-mt--4,
    footer .sm-only-mt--4 {
      margin-top: 4rem; }
    header .sm-only-mb--4,
    footer .sm-only-mb--4 {
      margin-bottom: 4rem; }
    header .sm-only-ml--4,
    footer .sm-only-ml--4 {
      margin-left: 4rem; }
    header .sm-only-mr--4,
    footer .sm-only-mr--4 {
      margin-right: 4rem; }
    header .sm-only-m--4-half,
    footer .sm-only-m--4-half {
      margin: 4.5rem; }
    header .sm-only-mx--4-half,
    footer .sm-only-mx--4-half {
      margin-left: 4.5rem;
      margin-right: 4.5rem; }
    header .sm-only-my--4-half,
    footer .sm-only-my--4-half {
      margin-top: 4.5rem;
      margin-bottom: 4.5rem; }
    header .sm-only-mt--4-half,
    footer .sm-only-mt--4-half {
      margin-top: 4.5rem; }
    header .sm-only-mb--4-half,
    footer .sm-only-mb--4-half {
      margin-bottom: 4.5rem; }
    header .sm-only-ml--4-half,
    footer .sm-only-ml--4-half {
      margin-left: 4.5rem; }
    header .sm-only-mr--4-half,
    footer .sm-only-mr--4-half {
      margin-right: 4.5rem; }
    header .sm-only-m--5,
    footer .sm-only-m--5 {
      margin: 5rem; }
    header .sm-only-mx--5,
    footer .sm-only-mx--5 {
      margin-left: 5rem;
      margin-right: 5rem; }
    header .sm-only-my--5,
    footer .sm-only-my--5 {
      margin-top: 5rem;
      margin-bottom: 5rem; }
    header .sm-only-mt--5,
    footer .sm-only-mt--5 {
      margin-top: 5rem; }
    header .sm-only-mb--5,
    footer .sm-only-mb--5 {
      margin-bottom: 5rem; }
    header .sm-only-ml--5,
    footer .sm-only-ml--5 {
      margin-left: 5rem; }
    header .sm-only-mr--5,
    footer .sm-only-mr--5 {
      margin-right: 5rem; }
    header .sm-only-m--5-half,
    footer .sm-only-m--5-half {
      margin: 5.5rem; }
    header .sm-only-mx--5-half,
    footer .sm-only-mx--5-half {
      margin-left: 5.5rem;
      margin-right: 5.5rem; }
    header .sm-only-my--5-half,
    footer .sm-only-my--5-half {
      margin-top: 5.5rem;
      margin-bottom: 5.5rem; }
    header .sm-only-mt--5-half,
    footer .sm-only-mt--5-half {
      margin-top: 5.5rem; }
    header .sm-only-mb--5-half,
    footer .sm-only-mb--5-half {
      margin-bottom: 5.5rem; }
    header .sm-only-ml--5-half,
    footer .sm-only-ml--5-half {
      margin-left: 5.5rem; }
    header .sm-only-mr--5-half,
    footer .sm-only-mr--5-half {
      margin-right: 5.5rem; }
    header .sm-only-m--6,
    footer .sm-only-m--6 {
      margin: 6rem; }
    header .sm-only-mx--6,
    footer .sm-only-mx--6 {
      margin-left: 6rem;
      margin-right: 6rem; }
    header .sm-only-my--6,
    footer .sm-only-my--6 {
      margin-top: 6rem;
      margin-bottom: 6rem; }
    header .sm-only-mt--6,
    footer .sm-only-mt--6 {
      margin-top: 6rem; }
    header .sm-only-mb--6,
    footer .sm-only-mb--6 {
      margin-bottom: 6rem; }
    header .sm-only-ml--6,
    footer .sm-only-ml--6 {
      margin-left: 6rem; }
    header .sm-only-mr--6,
    footer .sm-only-mr--6 {
      margin-right: 6rem; }
    header .sm-only-m--6-half,
    footer .sm-only-m--6-half {
      margin: 6.5rem; }
    header .sm-only-mx--6-half,
    footer .sm-only-mx--6-half {
      margin-left: 6.5rem;
      margin-right: 6.5rem; }
    header .sm-only-my--6-half,
    footer .sm-only-my--6-half {
      margin-top: 6.5rem;
      margin-bottom: 6.5rem; }
    header .sm-only-mt--6-half,
    footer .sm-only-mt--6-half {
      margin-top: 6.5rem; }
    header .sm-only-mb--6-half,
    footer .sm-only-mb--6-half {
      margin-bottom: 6.5rem; }
    header .sm-only-ml--6-half,
    footer .sm-only-ml--6-half {
      margin-left: 6.5rem; }
    header .sm-only-mr--6-half,
    footer .sm-only-mr--6-half {
      margin-right: 6.5rem; }
    header .sm-only-m--7,
    footer .sm-only-m--7 {
      margin: 7rem; }
    header .sm-only-mx--7,
    footer .sm-only-mx--7 {
      margin-left: 7rem;
      margin-right: 7rem; }
    header .sm-only-my--7,
    footer .sm-only-my--7 {
      margin-top: 7rem;
      margin-bottom: 7rem; }
    header .sm-only-mt--7,
    footer .sm-only-mt--7 {
      margin-top: 7rem; }
    header .sm-only-mb--7,
    footer .sm-only-mb--7 {
      margin-bottom: 7rem; }
    header .sm-only-ml--7,
    footer .sm-only-ml--7 {
      margin-left: 7rem; }
    header .sm-only-mr--7,
    footer .sm-only-mr--7 {
      margin-right: 7rem; }
    header .sm-only-m--7-half,
    footer .sm-only-m--7-half {
      margin: 7.5rem; }
    header .sm-only-mx--7-half,
    footer .sm-only-mx--7-half {
      margin-left: 7.5rem;
      margin-right: 7.5rem; }
    header .sm-only-my--7-half,
    footer .sm-only-my--7-half {
      margin-top: 7.5rem;
      margin-bottom: 7.5rem; }
    header .sm-only-mt--7-half,
    footer .sm-only-mt--7-half {
      margin-top: 7.5rem; }
    header .sm-only-mb--7-half,
    footer .sm-only-mb--7-half {
      margin-bottom: 7.5rem; }
    header .sm-only-ml--7-half,
    footer .sm-only-ml--7-half {
      margin-left: 7.5rem; }
    header .sm-only-mr--7-half,
    footer .sm-only-mr--7-half {
      margin-right: 7.5rem; }
    header .sm-only-m--8,
    footer .sm-only-m--8 {
      margin: 8rem; }
    header .sm-only-mx--8,
    footer .sm-only-mx--8 {
      margin-left: 8rem;
      margin-right: 8rem; }
    header .sm-only-my--8,
    footer .sm-only-my--8 {
      margin-top: 8rem;
      margin-bottom: 8rem; }
    header .sm-only-mt--8,
    footer .sm-only-mt--8 {
      margin-top: 8rem; }
    header .sm-only-mb--8,
    footer .sm-only-mb--8 {
      margin-bottom: 8rem; }
    header .sm-only-ml--8,
    footer .sm-only-ml--8 {
      margin-left: 8rem; }
    header .sm-only-mr--8,
    footer .sm-only-mr--8 {
      margin-right: 8rem; }
    header .sm-only-m--9,
    footer .sm-only-m--9 {
      margin: 9rem; }
    header .sm-only-mx--9,
    footer .sm-only-mx--9 {
      margin-left: 9rem;
      margin-right: 9rem; }
    header .sm-only-my--9,
    footer .sm-only-my--9 {
      margin-top: 9rem;
      margin-bottom: 9rem; }
    header .sm-only-mt--9,
    footer .sm-only-mt--9 {
      margin-top: 9rem; }
    header .sm-only-mb--9,
    footer .sm-only-mb--9 {
      margin-bottom: 9rem; }
    header .sm-only-ml--9,
    footer .sm-only-ml--9 {
      margin-left: 9rem; }
    header .sm-only-mr--9,
    footer .sm-only-mr--9 {
      margin-right: 9rem; }
    header .sm-only-m--10,
    footer .sm-only-m--10 {
      margin: 10rem; }
    header .sm-only-mx--10,
    footer .sm-only-mx--10 {
      margin-left: 10rem;
      margin-right: 10rem; }
    header .sm-only-my--10,
    footer .sm-only-my--10 {
      margin-top: 10rem;
      margin-bottom: 10rem; }
    header .sm-only-mt--10,
    footer .sm-only-mt--10 {
      margin-top: 10rem; }
    header .sm-only-mb--10,
    footer .sm-only-mb--10 {
      margin-bottom: 10rem; }
    header .sm-only-ml--10,
    footer .sm-only-ml--10 {
      margin-left: 10rem; }
    header .sm-only-mr--10,
    footer .sm-only-mr--10 {
      margin-right: 10rem; }
    header .sm-only-m--11,
    footer .sm-only-m--11 {
      margin: 11rem; }
    header .sm-only-mx--11,
    footer .sm-only-mx--11 {
      margin-left: 11rem;
      margin-right: 11rem; }
    header .sm-only-my--11,
    footer .sm-only-my--11 {
      margin-top: 11rem;
      margin-bottom: 11rem; }
    header .sm-only-mt--11,
    footer .sm-only-mt--11 {
      margin-top: 11rem; }
    header .sm-only-mb--11,
    footer .sm-only-mb--11 {
      margin-bottom: 11rem; }
    header .sm-only-ml--11,
    footer .sm-only-ml--11 {
      margin-left: 11rem; }
    header .sm-only-mr--11,
    footer .sm-only-mr--11 {
      margin-right: 11rem; }
    header .sm-only-m--12,
    footer .sm-only-m--12 {
      margin: 12rem; }
    header .sm-only-mx--12,
    footer .sm-only-mx--12 {
      margin-left: 12rem;
      margin-right: 12rem; }
    header .sm-only-my--12,
    footer .sm-only-my--12 {
      margin-top: 12rem;
      margin-bottom: 12rem; }
    header .sm-only-mt--12,
    footer .sm-only-mt--12 {
      margin-top: 12rem; }
    header .sm-only-mb--12,
    footer .sm-only-mb--12 {
      margin-bottom: 12rem; }
    header .sm-only-ml--12,
    footer .sm-only-ml--12 {
      margin-left: 12rem; }
    header .sm-only-mr--12,
    footer .sm-only-mr--12 {
      margin-right: 12rem; }
    header .sm-only-m--13,
    footer .sm-only-m--13 {
      margin: 13rem; }
    header .sm-only-mx--13,
    footer .sm-only-mx--13 {
      margin-left: 13rem;
      margin-right: 13rem; }
    header .sm-only-my--13,
    footer .sm-only-my--13 {
      margin-top: 13rem;
      margin-bottom: 13rem; }
    header .sm-only-mt--13,
    footer .sm-only-mt--13 {
      margin-top: 13rem; }
    header .sm-only-mb--13,
    footer .sm-only-mb--13 {
      margin-bottom: 13rem; }
    header .sm-only-ml--13,
    footer .sm-only-ml--13 {
      margin-left: 13rem; }
    header .sm-only-mr--13,
    footer .sm-only-mr--13 {
      margin-right: 13rem; }
    header .sm-only-m--14,
    footer .sm-only-m--14 {
      margin: 14rem; }
    header .sm-only-mx--14,
    footer .sm-only-mx--14 {
      margin-left: 14rem;
      margin-right: 14rem; }
    header .sm-only-my--14,
    footer .sm-only-my--14 {
      margin-top: 14rem;
      margin-bottom: 14rem; }
    header .sm-only-mt--14,
    footer .sm-only-mt--14 {
      margin-top: 14rem; }
    header .sm-only-mb--14,
    footer .sm-only-mb--14 {
      margin-bottom: 14rem; }
    header .sm-only-ml--14,
    footer .sm-only-ml--14 {
      margin-left: 14rem; }
    header .sm-only-mr--14,
    footer .sm-only-mr--14 {
      margin-right: 14rem; }
    header .sm-only-m--15,
    footer .sm-only-m--15 {
      margin: 15rem; }
    header .sm-only-mx--15,
    footer .sm-only-mx--15 {
      margin-left: 15rem;
      margin-right: 15rem; }
    header .sm-only-my--15,
    footer .sm-only-my--15 {
      margin-top: 15rem;
      margin-bottom: 15rem; }
    header .sm-only-mt--15,
    footer .sm-only-mt--15 {
      margin-top: 15rem; }
    header .sm-only-mb--15,
    footer .sm-only-mb--15 {
      margin-bottom: 15rem; }
    header .sm-only-ml--15,
    footer .sm-only-ml--15 {
      margin-left: 15rem; }
    header .sm-only-mr--15,
    footer .sm-only-mr--15 {
      margin-right: 15rem; }
    header .sm-only-m--16,
    footer .sm-only-m--16 {
      margin: 16rem; }
    header .sm-only-mx--16,
    footer .sm-only-mx--16 {
      margin-left: 16rem;
      margin-right: 16rem; }
    header .sm-only-my--16,
    footer .sm-only-my--16 {
      margin-top: 16rem;
      margin-bottom: 16rem; }
    header .sm-only-mt--16,
    footer .sm-only-mt--16 {
      margin-top: 16rem; }
    header .sm-only-mb--16,
    footer .sm-only-mb--16 {
      margin-bottom: 16rem; }
    header .sm-only-ml--16,
    footer .sm-only-ml--16 {
      margin-left: 16rem; }
    header .sm-only-mr--16,
    footer .sm-only-mr--16 {
      margin-right: 16rem; }
    header .sm-only-m--17,
    footer .sm-only-m--17 {
      margin: 17rem; }
    header .sm-only-mx--17,
    footer .sm-only-mx--17 {
      margin-left: 17rem;
      margin-right: 17rem; }
    header .sm-only-my--17,
    footer .sm-only-my--17 {
      margin-top: 17rem;
      margin-bottom: 17rem; }
    header .sm-only-mt--17,
    footer .sm-only-mt--17 {
      margin-top: 17rem; }
    header .sm-only-mb--17,
    footer .sm-only-mb--17 {
      margin-bottom: 17rem; }
    header .sm-only-ml--17,
    footer .sm-only-ml--17 {
      margin-left: 17rem; }
    header .sm-only-mr--17,
    footer .sm-only-mr--17 {
      margin-right: 17rem; }
    header .sm-only-m--18,
    footer .sm-only-m--18 {
      margin: 18rem; }
    header .sm-only-mx--18,
    footer .sm-only-mx--18 {
      margin-left: 18rem;
      margin-right: 18rem; }
    header .sm-only-my--18,
    footer .sm-only-my--18 {
      margin-top: 18rem;
      margin-bottom: 18rem; }
    header .sm-only-mt--18,
    footer .sm-only-mt--18 {
      margin-top: 18rem; }
    header .sm-only-mb--18,
    footer .sm-only-mb--18 {
      margin-bottom: 18rem; }
    header .sm-only-ml--18,
    footer .sm-only-ml--18 {
      margin-left: 18rem; }
    header .sm-only-mr--18,
    footer .sm-only-mr--18 {
      margin-right: 18rem; }
    header .sm-only-m--19,
    footer .sm-only-m--19 {
      margin: 19rem; }
    header .sm-only-mx--19,
    footer .sm-only-mx--19 {
      margin-left: 19rem;
      margin-right: 19rem; }
    header .sm-only-my--19,
    footer .sm-only-my--19 {
      margin-top: 19rem;
      margin-bottom: 19rem; }
    header .sm-only-mt--19,
    footer .sm-only-mt--19 {
      margin-top: 19rem; }
    header .sm-only-mb--19,
    footer .sm-only-mb--19 {
      margin-bottom: 19rem; }
    header .sm-only-ml--19,
    footer .sm-only-ml--19 {
      margin-left: 19rem; }
    header .sm-only-mr--19,
    footer .sm-only-mr--19 {
      margin-right: 19rem; }
    header .sm-only-m--20,
    footer .sm-only-m--20 {
      margin: 20rem; }
    header .sm-only-mx--20,
    footer .sm-only-mx--20 {
      margin-left: 20rem;
      margin-right: 20rem; }
    header .sm-only-my--20,
    footer .sm-only-my--20 {
      margin-top: 20rem;
      margin-bottom: 20rem; }
    header .sm-only-mt--20,
    footer .sm-only-mt--20 {
      margin-top: 20rem; }
    header .sm-only-mb--20,
    footer .sm-only-mb--20 {
      margin-bottom: 20rem; }
    header .sm-only-ml--20,
    footer .sm-only-ml--20 {
      margin-left: 20rem; }
    header .sm-only-mr--20,
    footer .sm-only-mr--20 {
      margin-right: 20rem; }
    header .sm-only-m--negative-quarter,
    footer .sm-only-m--negative-quarter {
      margin: -0.25rem; }
    header .sm-only-mx--negative-quarter,
    footer .sm-only-mx--negative-quarter {
      margin-left: -0.25rem;
      margin-right: -0.25rem; }
    header .sm-only-my--negative-quarter,
    footer .sm-only-my--negative-quarter {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem; }
    header .sm-only-mt--negative-quarter,
    footer .sm-only-mt--negative-quarter {
      margin-top: -0.25rem; }
    header .sm-only-mb--negative-quarter,
    footer .sm-only-mb--negative-quarter {
      margin-bottom: -0.25rem; }
    header .sm-only-ml--negative-quarter,
    footer .sm-only-ml--negative-quarter {
      margin-left: -0.25rem; }
    header .sm-only-mr--negative-quarter,
    footer .sm-only-mr--negative-quarter {
      margin-right: -0.25rem; }
    header .sm-only-m--negative-3-quarters,
    footer .sm-only-m--negative-3-quarters {
      margin: -0.75rem; }
    header .sm-only-mx--negative-3-quarters,
    footer .sm-only-mx--negative-3-quarters {
      margin-left: -0.75rem;
      margin-right: -0.75rem; }
    header .sm-only-my--negative-3-quarters,
    footer .sm-only-my--negative-3-quarters {
      margin-top: -0.75rem;
      margin-bottom: -0.75rem; }
    header .sm-only-mt--negative-3-quarters,
    footer .sm-only-mt--negative-3-quarters {
      margin-top: -0.75rem; }
    header .sm-only-mb--negative-3-quarters,
    footer .sm-only-mb--negative-3-quarters {
      margin-bottom: -0.75rem; }
    header .sm-only-ml--negative-3-quarters,
    footer .sm-only-ml--negative-3-quarters {
      margin-left: -0.75rem; }
    header .sm-only-mr--negative-3-quarters,
    footer .sm-only-mr--negative-3-quarters {
      margin-right: -0.75rem; }
    header .sm-only-m--negative-half,
    footer .sm-only-m--negative-half {
      margin: -0.5rem; }
    header .sm-only-mx--negative-half,
    footer .sm-only-mx--negative-half {
      margin-left: -0.5rem;
      margin-right: -0.5rem; }
    header .sm-only-my--negative-half,
    footer .sm-only-my--negative-half {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem; }
    header .sm-only-mt--negative-half,
    footer .sm-only-mt--negative-half {
      margin-top: -0.5rem; }
    header .sm-only-mb--negative-half,
    footer .sm-only-mb--negative-half {
      margin-bottom: -0.5rem; }
    header .sm-only-ml--negative-half,
    footer .sm-only-ml--negative-half {
      margin-left: -0.5rem; }
    header .sm-only-mr--negative-half,
    footer .sm-only-mr--negative-half {
      margin-right: -0.5rem; }
    header .sm-only-m--negative-1,
    footer .sm-only-m--negative-1 {
      margin: -1rem; }
    header .sm-only-mx--negative-1,
    footer .sm-only-mx--negative-1 {
      margin-left: -1rem;
      margin-right: -1rem; }
    header .sm-only-my--negative-1,
    footer .sm-only-my--negative-1 {
      margin-top: -1rem;
      margin-bottom: -1rem; }
    header .sm-only-mt--negative-1,
    footer .sm-only-mt--negative-1 {
      margin-top: -1rem; }
    header .sm-only-mb--negative-1,
    footer .sm-only-mb--negative-1 {
      margin-bottom: -1rem; }
    header .sm-only-ml--negative-1,
    footer .sm-only-ml--negative-1 {
      margin-left: -1rem; }
    header .sm-only-mr--negative-1,
    footer .sm-only-mr--negative-1 {
      margin-right: -1rem; }
    header .sm-only-m--negative-1-half,
    footer .sm-only-m--negative-1-half {
      margin: -1.5rem; }
    header .sm-only-mx--negative-1-half,
    footer .sm-only-mx--negative-1-half {
      margin-left: -1.5rem;
      margin-right: -1.5rem; }
    header .sm-only-my--negative-1-half,
    footer .sm-only-my--negative-1-half {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem; }
    header .sm-only-mt--negative-1-half,
    footer .sm-only-mt--negative-1-half {
      margin-top: -1.5rem; }
    header .sm-only-mb--negative-1-half,
    footer .sm-only-mb--negative-1-half {
      margin-bottom: -1.5rem; }
    header .sm-only-ml--negative-1-half,
    footer .sm-only-ml--negative-1-half {
      margin-left: -1.5rem; }
    header .sm-only-mr--negative-1-half,
    footer .sm-only-mr--negative-1-half {
      margin-right: -1.5rem; }
    header .sm-only-m--negative-2,
    footer .sm-only-m--negative-2 {
      margin: -2rem; }
    header .sm-only-mx--negative-2,
    footer .sm-only-mx--negative-2 {
      margin-left: -2rem;
      margin-right: -2rem; }
    header .sm-only-my--negative-2,
    footer .sm-only-my--negative-2 {
      margin-top: -2rem;
      margin-bottom: -2rem; }
    header .sm-only-mt--negative-2,
    footer .sm-only-mt--negative-2 {
      margin-top: -2rem; }
    header .sm-only-mb--negative-2,
    footer .sm-only-mb--negative-2 {
      margin-bottom: -2rem; }
    header .sm-only-ml--negative-2,
    footer .sm-only-ml--negative-2 {
      margin-left: -2rem; }
    header .sm-only-mr--negative-2,
    footer .sm-only-mr--negative-2 {
      margin-right: -2rem; }
    header .sm-only-m--negative-3,
    footer .sm-only-m--negative-3 {
      margin: -3rem; }
    header .sm-only-mx--negative-3,
    footer .sm-only-mx--negative-3 {
      margin-left: -3rem;
      margin-right: -3rem; }
    header .sm-only-my--negative-3,
    footer .sm-only-my--negative-3 {
      margin-top: -3rem;
      margin-bottom: -3rem; }
    header .sm-only-mt--negative-3,
    footer .sm-only-mt--negative-3 {
      margin-top: -3rem; }
    header .sm-only-mb--negative-3,
    footer .sm-only-mb--negative-3 {
      margin-bottom: -3rem; }
    header .sm-only-ml--negative-3,
    footer .sm-only-ml--negative-3 {
      margin-left: -3rem; }
    header .sm-only-mr--negative-3,
    footer .sm-only-mr--negative-3 {
      margin-right: -3rem; }
    header .sm-only-m--negative-4,
    footer .sm-only-m--negative-4 {
      margin: -4rem; }
    header .sm-only-mx--negative-4,
    footer .sm-only-mx--negative-4 {
      margin-left: -4rem;
      margin-right: -4rem; }
    header .sm-only-my--negative-4,
    footer .sm-only-my--negative-4 {
      margin-top: -4rem;
      margin-bottom: -4rem; }
    header .sm-only-mt--negative-4,
    footer .sm-only-mt--negative-4 {
      margin-top: -4rem; }
    header .sm-only-mb--negative-4,
    footer .sm-only-mb--negative-4 {
      margin-bottom: -4rem; }
    header .sm-only-ml--negative-4,
    footer .sm-only-ml--negative-4 {
      margin-left: -4rem; }
    header .sm-only-mr--negative-4,
    footer .sm-only-mr--negative-4 {
      margin-right: -4rem; }
    header .sm-only-m--negative-5,
    footer .sm-only-m--negative-5 {
      margin: -5rem; }
    header .sm-only-mx--negative-5,
    footer .sm-only-mx--negative-5 {
      margin-left: -5rem;
      margin-right: -5rem; }
    header .sm-only-my--negative-5,
    footer .sm-only-my--negative-5 {
      margin-top: -5rem;
      margin-bottom: -5rem; }
    header .sm-only-mt--negative-5,
    footer .sm-only-mt--negative-5 {
      margin-top: -5rem; }
    header .sm-only-mb--negative-5,
    footer .sm-only-mb--negative-5 {
      margin-bottom: -5rem; }
    header .sm-only-ml--negative-5,
    footer .sm-only-ml--negative-5 {
      margin-left: -5rem; }
    header .sm-only-mr--negative-5,
    footer .sm-only-mr--negative-5 {
      margin-right: -5rem; }
    header .sm-only-m--negative-6,
    footer .sm-only-m--negative-6 {
      margin: -6rem; }
    header .sm-only-mx--negative-6,
    footer .sm-only-mx--negative-6 {
      margin-left: -6rem;
      margin-right: -6rem; }
    header .sm-only-my--negative-6,
    footer .sm-only-my--negative-6 {
      margin-top: -6rem;
      margin-bottom: -6rem; }
    header .sm-only-mt--negative-6,
    footer .sm-only-mt--negative-6 {
      margin-top: -6rem; }
    header .sm-only-mb--negative-6,
    footer .sm-only-mb--negative-6 {
      margin-bottom: -6rem; }
    header .sm-only-ml--negative-6,
    footer .sm-only-ml--negative-6 {
      margin-left: -6rem; }
    header .sm-only-mr--negative-6,
    footer .sm-only-mr--negative-6 {
      margin-right: -6rem; }
    header .sm-only-m--negative-7,
    footer .sm-only-m--negative-7 {
      margin: -7rem; }
    header .sm-only-mx--negative-7,
    footer .sm-only-mx--negative-7 {
      margin-left: -7rem;
      margin-right: -7rem; }
    header .sm-only-my--negative-7,
    footer .sm-only-my--negative-7 {
      margin-top: -7rem;
      margin-bottom: -7rem; }
    header .sm-only-mt--negative-7,
    footer .sm-only-mt--negative-7 {
      margin-top: -7rem; }
    header .sm-only-mb--negative-7,
    footer .sm-only-mb--negative-7 {
      margin-bottom: -7rem; }
    header .sm-only-ml--negative-7,
    footer .sm-only-ml--negative-7 {
      margin-left: -7rem; }
    header .sm-only-mr--negative-7,
    footer .sm-only-mr--negative-7 {
      margin-right: -7rem; }
    header .sm-only-m--negative-8,
    footer .sm-only-m--negative-8 {
      margin: -8rem; }
    header .sm-only-mx--negative-8,
    footer .sm-only-mx--negative-8 {
      margin-left: -8rem;
      margin-right: -8rem; }
    header .sm-only-my--negative-8,
    footer .sm-only-my--negative-8 {
      margin-top: -8rem;
      margin-bottom: -8rem; }
    header .sm-only-mt--negative-8,
    footer .sm-only-mt--negative-8 {
      margin-top: -8rem; }
    header .sm-only-mb--negative-8,
    footer .sm-only-mb--negative-8 {
      margin-bottom: -8rem; }
    header .sm-only-ml--negative-8,
    footer .sm-only-ml--negative-8 {
      margin-left: -8rem; }
    header .sm-only-mr--negative-8,
    footer .sm-only-mr--negative-8 {
      margin-right: -8rem; }
    header .sm-only-m--negative-9,
    footer .sm-only-m--negative-9 {
      margin: -9rem; }
    header .sm-only-mx--negative-9,
    footer .sm-only-mx--negative-9 {
      margin-left: -9rem;
      margin-right: -9rem; }
    header .sm-only-my--negative-9,
    footer .sm-only-my--negative-9 {
      margin-top: -9rem;
      margin-bottom: -9rem; }
    header .sm-only-mt--negative-9,
    footer .sm-only-mt--negative-9 {
      margin-top: -9rem; }
    header .sm-only-mb--negative-9,
    footer .sm-only-mb--negative-9 {
      margin-bottom: -9rem; }
    header .sm-only-ml--negative-9,
    footer .sm-only-ml--negative-9 {
      margin-left: -9rem; }
    header .sm-only-mr--negative-9,
    footer .sm-only-mr--negative-9 {
      margin-right: -9rem; }
    header .sm-only-m--negative-10,
    footer .sm-only-m--negative-10 {
      margin: -10rem; }
    header .sm-only-mx--negative-10,
    footer .sm-only-mx--negative-10 {
      margin-left: -10rem;
      margin-right: -10rem; }
    header .sm-only-my--negative-10,
    footer .sm-only-my--negative-10 {
      margin-top: -10rem;
      margin-bottom: -10rem; }
    header .sm-only-mt--negative-10,
    footer .sm-only-mt--negative-10 {
      margin-top: -10rem; }
    header .sm-only-mb--negative-10,
    footer .sm-only-mb--negative-10 {
      margin-bottom: -10rem; }
    header .sm-only-ml--negative-10,
    footer .sm-only-ml--negative-10 {
      margin-left: -10rem; }
    header .sm-only-mr--negative-10,
    footer .sm-only-mr--negative-10 {
      margin-right: -10rem; }
    header .sm-only-m--auto,
    footer .sm-only-m--auto {
      margin: auto; }
    header .sm-only-mx--auto,
    footer .sm-only-mx--auto {
      margin-left: auto;
      margin-right: auto; }
    header .sm-only-my--auto,
    footer .sm-only-my--auto {
      margin-top: auto;
      margin-bottom: auto; }
    header .sm-only-mt--auto,
    footer .sm-only-mt--auto {
      margin-top: auto; }
    header .sm-only-mb--auto,
    footer .sm-only-mb--auto {
      margin-bottom: auto; }
    header .sm-only-ml--auto,
    footer .sm-only-ml--auto {
      margin-left: auto; }
    header .sm-only-mr--auto,
    footer .sm-only-mr--auto {
      margin-right: auto; }
    header .sm-only-p--0,
    footer .sm-only-p--0 {
      padding: 0rem; }
    header .sm-only-px--0,
    footer .sm-only-px--0 {
      padding-left: 0rem;
      padding-right: 0rem; }
    header .sm-only-py--0,
    footer .sm-only-py--0 {
      padding-top: 0rem;
      padding-bottom: 0rem; }
    header .sm-only-pt--0,
    footer .sm-only-pt--0 {
      padding-top: 0rem; }
    header .sm-only-pb--0,
    footer .sm-only-pb--0 {
      padding-bottom: 0rem; }
    header .sm-only-pl--0,
    footer .sm-only-pl--0 {
      padding-left: 0rem; }
    header .sm-only-pr--0,
    footer .sm-only-pr--0 {
      padding-right: 0rem; }
    header .sm-only-p--quarter,
    footer .sm-only-p--quarter {
      padding: 0.25rem; }
    header .sm-only-px--quarter,
    footer .sm-only-px--quarter {
      padding-left: 0.25rem;
      padding-right: 0.25rem; }
    header .sm-only-py--quarter,
    footer .sm-only-py--quarter {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem; }
    header .sm-only-pt--quarter,
    footer .sm-only-pt--quarter {
      padding-top: 0.25rem; }
    header .sm-only-pb--quarter,
    footer .sm-only-pb--quarter {
      padding-bottom: 0.25rem; }
    header .sm-only-pl--quarter,
    footer .sm-only-pl--quarter {
      padding-left: 0.25rem; }
    header .sm-only-pr--quarter,
    footer .sm-only-pr--quarter {
      padding-right: 0.25rem; }
    header .sm-only-p--half,
    footer .sm-only-p--half {
      padding: 0.5rem; }
    header .sm-only-px--half,
    footer .sm-only-px--half {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
    header .sm-only-py--half,
    footer .sm-only-py--half {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    header .sm-only-pt--half,
    footer .sm-only-pt--half {
      padding-top: 0.5rem; }
    header .sm-only-pb--half,
    footer .sm-only-pb--half {
      padding-bottom: 0.5rem; }
    header .sm-only-pl--half,
    footer .sm-only-pl--half {
      padding-left: 0.5rem; }
    header .sm-only-pr--half,
    footer .sm-only-pr--half {
      padding-right: 0.5rem; }
    header .sm-only-p--3-quarters,
    footer .sm-only-p--3-quarters {
      padding: 0.75rem; }
    header .sm-only-px--3-quarters,
    footer .sm-only-px--3-quarters {
      padding-left: 0.75rem;
      padding-right: 0.75rem; }
    header .sm-only-py--3-quarters,
    footer .sm-only-py--3-quarters {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
    header .sm-only-pt--3-quarters,
    footer .sm-only-pt--3-quarters {
      padding-top: 0.75rem; }
    header .sm-only-pb--3-quarters,
    footer .sm-only-pb--3-quarters {
      padding-bottom: 0.75rem; }
    header .sm-only-pl--3-quarters,
    footer .sm-only-pl--3-quarters {
      padding-left: 0.75rem; }
    header .sm-only-pr--3-quarters,
    footer .sm-only-pr--3-quarters {
      padding-right: 0.75rem; }
    header .sm-only-p--1,
    footer .sm-only-p--1 {
      padding: 1rem; }
    header .sm-only-px--1,
    footer .sm-only-px--1 {
      padding-left: 1rem;
      padding-right: 1rem; }
    header .sm-only-py--1,
    footer .sm-only-py--1 {
      padding-top: 1rem;
      padding-bottom: 1rem; }
    header .sm-only-pt--1,
    footer .sm-only-pt--1 {
      padding-top: 1rem; }
    header .sm-only-pb--1,
    footer .sm-only-pb--1 {
      padding-bottom: 1rem; }
    header .sm-only-pl--1,
    footer .sm-only-pl--1 {
      padding-left: 1rem; }
    header .sm-only-pr--1,
    footer .sm-only-pr--1 {
      padding-right: 1rem; }
    header .sm-only-p--1-half,
    footer .sm-only-p--1-half {
      padding: 1.5rem; }
    header .sm-only-px--1-half,
    footer .sm-only-px--1-half {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
    header .sm-only-py--1-half,
    footer .sm-only-py--1-half {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
    header .sm-only-pt--1-half,
    footer .sm-only-pt--1-half {
      padding-top: 1.5rem; }
    header .sm-only-pb--1-half,
    footer .sm-only-pb--1-half {
      padding-bottom: 1.5rem; }
    header .sm-only-pl--1-half,
    footer .sm-only-pl--1-half {
      padding-left: 1.5rem; }
    header .sm-only-pr--1-half,
    footer .sm-only-pr--1-half {
      padding-right: 1.5rem; }
    header .sm-only-p--2,
    footer .sm-only-p--2 {
      padding: 2rem; }
    header .sm-only-px--2,
    footer .sm-only-px--2 {
      padding-left: 2rem;
      padding-right: 2rem; }
    header .sm-only-py--2,
    footer .sm-only-py--2 {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    header .sm-only-pt--2,
    footer .sm-only-pt--2 {
      padding-top: 2rem; }
    header .sm-only-pb--2,
    footer .sm-only-pb--2 {
      padding-bottom: 2rem; }
    header .sm-only-pl--2,
    footer .sm-only-pl--2 {
      padding-left: 2rem; }
    header .sm-only-pr--2,
    footer .sm-only-pr--2 {
      padding-right: 2rem; }
    header .sm-only-p--2-half,
    footer .sm-only-p--2-half {
      padding: 2.5rem; }
    header .sm-only-px--2-half,
    footer .sm-only-px--2-half {
      padding-left: 2.5rem;
      padding-right: 2.5rem; }
    header .sm-only-py--2-half,
    footer .sm-only-py--2-half {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
    header .sm-only-pt--2-half,
    footer .sm-only-pt--2-half {
      padding-top: 2.5rem; }
    header .sm-only-pb--2-half,
    footer .sm-only-pb--2-half {
      padding-bottom: 2.5rem; }
    header .sm-only-pl--2-half,
    footer .sm-only-pl--2-half {
      padding-left: 2.5rem; }
    header .sm-only-pr--2-half,
    footer .sm-only-pr--2-half {
      padding-right: 2.5rem; }
    header .sm-only-p--3,
    footer .sm-only-p--3 {
      padding: 3rem; }
    header .sm-only-px--3,
    footer .sm-only-px--3 {
      padding-left: 3rem;
      padding-right: 3rem; }
    header .sm-only-py--3,
    footer .sm-only-py--3 {
      padding-top: 3rem;
      padding-bottom: 3rem; }
    header .sm-only-pt--3,
    footer .sm-only-pt--3 {
      padding-top: 3rem; }
    header .sm-only-pb--3,
    footer .sm-only-pb--3 {
      padding-bottom: 3rem; }
    header .sm-only-pl--3,
    footer .sm-only-pl--3 {
      padding-left: 3rem; }
    header .sm-only-pr--3,
    footer .sm-only-pr--3 {
      padding-right: 3rem; }
    header .sm-only-p--3-half,
    footer .sm-only-p--3-half {
      padding: 3.5rem; }
    header .sm-only-px--3-half,
    footer .sm-only-px--3-half {
      padding-left: 3.5rem;
      padding-right: 3.5rem; }
    header .sm-only-py--3-half,
    footer .sm-only-py--3-half {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem; }
    header .sm-only-pt--3-half,
    footer .sm-only-pt--3-half {
      padding-top: 3.5rem; }
    header .sm-only-pb--3-half,
    footer .sm-only-pb--3-half {
      padding-bottom: 3.5rem; }
    header .sm-only-pl--3-half,
    footer .sm-only-pl--3-half {
      padding-left: 3.5rem; }
    header .sm-only-pr--3-half,
    footer .sm-only-pr--3-half {
      padding-right: 3.5rem; }
    header .sm-only-p--4,
    footer .sm-only-p--4 {
      padding: 4rem; }
    header .sm-only-px--4,
    footer .sm-only-px--4 {
      padding-left: 4rem;
      padding-right: 4rem; }
    header .sm-only-py--4,
    footer .sm-only-py--4 {
      padding-top: 4rem;
      padding-bottom: 4rem; }
    header .sm-only-pt--4,
    footer .sm-only-pt--4 {
      padding-top: 4rem; }
    header .sm-only-pb--4,
    footer .sm-only-pb--4 {
      padding-bottom: 4rem; }
    header .sm-only-pl--4,
    footer .sm-only-pl--4 {
      padding-left: 4rem; }
    header .sm-only-pr--4,
    footer .sm-only-pr--4 {
      padding-right: 4rem; }
    header .sm-only-p--4-half,
    footer .sm-only-p--4-half {
      padding: 4.5rem; }
    header .sm-only-px--4-half,
    footer .sm-only-px--4-half {
      padding-left: 4.5rem;
      padding-right: 4.5rem; }
    header .sm-only-py--4-half,
    footer .sm-only-py--4-half {
      padding-top: 4.5rem;
      padding-bottom: 4.5rem; }
    header .sm-only-pt--4-half,
    footer .sm-only-pt--4-half {
      padding-top: 4.5rem; }
    header .sm-only-pb--4-half,
    footer .sm-only-pb--4-half {
      padding-bottom: 4.5rem; }
    header .sm-only-pl--4-half,
    footer .sm-only-pl--4-half {
      padding-left: 4.5rem; }
    header .sm-only-pr--4-half,
    footer .sm-only-pr--4-half {
      padding-right: 4.5rem; }
    header .sm-only-p--5,
    footer .sm-only-p--5 {
      padding: 5rem; }
    header .sm-only-px--5,
    footer .sm-only-px--5 {
      padding-left: 5rem;
      padding-right: 5rem; }
    header .sm-only-py--5,
    footer .sm-only-py--5 {
      padding-top: 5rem;
      padding-bottom: 5rem; }
    header .sm-only-pt--5,
    footer .sm-only-pt--5 {
      padding-top: 5rem; }
    header .sm-only-pb--5,
    footer .sm-only-pb--5 {
      padding-bottom: 5rem; }
    header .sm-only-pl--5,
    footer .sm-only-pl--5 {
      padding-left: 5rem; }
    header .sm-only-pr--5,
    footer .sm-only-pr--5 {
      padding-right: 5rem; }
    header .sm-only-p--5-half,
    footer .sm-only-p--5-half {
      padding: 5.5rem; }
    header .sm-only-px--5-half,
    footer .sm-only-px--5-half {
      padding-left: 5.5rem;
      padding-right: 5.5rem; }
    header .sm-only-py--5-half,
    footer .sm-only-py--5-half {
      padding-top: 5.5rem;
      padding-bottom: 5.5rem; }
    header .sm-only-pt--5-half,
    footer .sm-only-pt--5-half {
      padding-top: 5.5rem; }
    header .sm-only-pb--5-half,
    footer .sm-only-pb--5-half {
      padding-bottom: 5.5rem; }
    header .sm-only-pl--5-half,
    footer .sm-only-pl--5-half {
      padding-left: 5.5rem; }
    header .sm-only-pr--5-half,
    footer .sm-only-pr--5-half {
      padding-right: 5.5rem; }
    header .sm-only-p--6,
    footer .sm-only-p--6 {
      padding: 6rem; }
    header .sm-only-px--6,
    footer .sm-only-px--6 {
      padding-left: 6rem;
      padding-right: 6rem; }
    header .sm-only-py--6,
    footer .sm-only-py--6 {
      padding-top: 6rem;
      padding-bottom: 6rem; }
    header .sm-only-pt--6,
    footer .sm-only-pt--6 {
      padding-top: 6rem; }
    header .sm-only-pb--6,
    footer .sm-only-pb--6 {
      padding-bottom: 6rem; }
    header .sm-only-pl--6,
    footer .sm-only-pl--6 {
      padding-left: 6rem; }
    header .sm-only-pr--6,
    footer .sm-only-pr--6 {
      padding-right: 6rem; }
    header .sm-only-p--6-half,
    footer .sm-only-p--6-half {
      padding: 6.5rem; }
    header .sm-only-px--6-half,
    footer .sm-only-px--6-half {
      padding-left: 6.5rem;
      padding-right: 6.5rem; }
    header .sm-only-py--6-half,
    footer .sm-only-py--6-half {
      padding-top: 6.5rem;
      padding-bottom: 6.5rem; }
    header .sm-only-pt--6-half,
    footer .sm-only-pt--6-half {
      padding-top: 6.5rem; }
    header .sm-only-pb--6-half,
    footer .sm-only-pb--6-half {
      padding-bottom: 6.5rem; }
    header .sm-only-pl--6-half,
    footer .sm-only-pl--6-half {
      padding-left: 6.5rem; }
    header .sm-only-pr--6-half,
    footer .sm-only-pr--6-half {
      padding-right: 6.5rem; }
    header .sm-only-p--7,
    footer .sm-only-p--7 {
      padding: 7rem; }
    header .sm-only-px--7,
    footer .sm-only-px--7 {
      padding-left: 7rem;
      padding-right: 7rem; }
    header .sm-only-py--7,
    footer .sm-only-py--7 {
      padding-top: 7rem;
      padding-bottom: 7rem; }
    header .sm-only-pt--7,
    footer .sm-only-pt--7 {
      padding-top: 7rem; }
    header .sm-only-pb--7,
    footer .sm-only-pb--7 {
      padding-bottom: 7rem; }
    header .sm-only-pl--7,
    footer .sm-only-pl--7 {
      padding-left: 7rem; }
    header .sm-only-pr--7,
    footer .sm-only-pr--7 {
      padding-right: 7rem; }
    header .sm-only-p--7-half,
    footer .sm-only-p--7-half {
      padding: 7.5rem; }
    header .sm-only-px--7-half,
    footer .sm-only-px--7-half {
      padding-left: 7.5rem;
      padding-right: 7.5rem; }
    header .sm-only-py--7-half,
    footer .sm-only-py--7-half {
      padding-top: 7.5rem;
      padding-bottom: 7.5rem; }
    header .sm-only-pt--7-half,
    footer .sm-only-pt--7-half {
      padding-top: 7.5rem; }
    header .sm-only-pb--7-half,
    footer .sm-only-pb--7-half {
      padding-bottom: 7.5rem; }
    header .sm-only-pl--7-half,
    footer .sm-only-pl--7-half {
      padding-left: 7.5rem; }
    header .sm-only-pr--7-half,
    footer .sm-only-pr--7-half {
      padding-right: 7.5rem; }
    header .sm-only-p--8,
    footer .sm-only-p--8 {
      padding: 8rem; }
    header .sm-only-px--8,
    footer .sm-only-px--8 {
      padding-left: 8rem;
      padding-right: 8rem; }
    header .sm-only-py--8,
    footer .sm-only-py--8 {
      padding-top: 8rem;
      padding-bottom: 8rem; }
    header .sm-only-pt--8,
    footer .sm-only-pt--8 {
      padding-top: 8rem; }
    header .sm-only-pb--8,
    footer .sm-only-pb--8 {
      padding-bottom: 8rem; }
    header .sm-only-pl--8,
    footer .sm-only-pl--8 {
      padding-left: 8rem; }
    header .sm-only-pr--8,
    footer .sm-only-pr--8 {
      padding-right: 8rem; }
    header .sm-only-p--9,
    footer .sm-only-p--9 {
      padding: 9rem; }
    header .sm-only-px--9,
    footer .sm-only-px--9 {
      padding-left: 9rem;
      padding-right: 9rem; }
    header .sm-only-py--9,
    footer .sm-only-py--9 {
      padding-top: 9rem;
      padding-bottom: 9rem; }
    header .sm-only-pt--9,
    footer .sm-only-pt--9 {
      padding-top: 9rem; }
    header .sm-only-pb--9,
    footer .sm-only-pb--9 {
      padding-bottom: 9rem; }
    header .sm-only-pl--9,
    footer .sm-only-pl--9 {
      padding-left: 9rem; }
    header .sm-only-pr--9,
    footer .sm-only-pr--9 {
      padding-right: 9rem; }
    header .sm-only-p--10,
    footer .sm-only-p--10 {
      padding: 10rem; }
    header .sm-only-px--10,
    footer .sm-only-px--10 {
      padding-left: 10rem;
      padding-right: 10rem; }
    header .sm-only-py--10,
    footer .sm-only-py--10 {
      padding-top: 10rem;
      padding-bottom: 10rem; }
    header .sm-only-pt--10,
    footer .sm-only-pt--10 {
      padding-top: 10rem; }
    header .sm-only-pb--10,
    footer .sm-only-pb--10 {
      padding-bottom: 10rem; }
    header .sm-only-pl--10,
    footer .sm-only-pl--10 {
      padding-left: 10rem; }
    header .sm-only-pr--10,
    footer .sm-only-pr--10 {
      padding-right: 10rem; }
    header .sm-only-p--11,
    footer .sm-only-p--11 {
      padding: 11rem; }
    header .sm-only-px--11,
    footer .sm-only-px--11 {
      padding-left: 11rem;
      padding-right: 11rem; }
    header .sm-only-py--11,
    footer .sm-only-py--11 {
      padding-top: 11rem;
      padding-bottom: 11rem; }
    header .sm-only-pt--11,
    footer .sm-only-pt--11 {
      padding-top: 11rem; }
    header .sm-only-pb--11,
    footer .sm-only-pb--11 {
      padding-bottom: 11rem; }
    header .sm-only-pl--11,
    footer .sm-only-pl--11 {
      padding-left: 11rem; }
    header .sm-only-pr--11,
    footer .sm-only-pr--11 {
      padding-right: 11rem; }
    header .sm-only-p--12,
    footer .sm-only-p--12 {
      padding: 12rem; }
    header .sm-only-px--12,
    footer .sm-only-px--12 {
      padding-left: 12rem;
      padding-right: 12rem; }
    header .sm-only-py--12,
    footer .sm-only-py--12 {
      padding-top: 12rem;
      padding-bottom: 12rem; }
    header .sm-only-pt--12,
    footer .sm-only-pt--12 {
      padding-top: 12rem; }
    header .sm-only-pb--12,
    footer .sm-only-pb--12 {
      padding-bottom: 12rem; }
    header .sm-only-pl--12,
    footer .sm-only-pl--12 {
      padding-left: 12rem; }
    header .sm-only-pr--12,
    footer .sm-only-pr--12 {
      padding-right: 12rem; }
    header .sm-only-p--13,
    footer .sm-only-p--13 {
      padding: 13rem; }
    header .sm-only-px--13,
    footer .sm-only-px--13 {
      padding-left: 13rem;
      padding-right: 13rem; }
    header .sm-only-py--13,
    footer .sm-only-py--13 {
      padding-top: 13rem;
      padding-bottom: 13rem; }
    header .sm-only-pt--13,
    footer .sm-only-pt--13 {
      padding-top: 13rem; }
    header .sm-only-pb--13,
    footer .sm-only-pb--13 {
      padding-bottom: 13rem; }
    header .sm-only-pl--13,
    footer .sm-only-pl--13 {
      padding-left: 13rem; }
    header .sm-only-pr--13,
    footer .sm-only-pr--13 {
      padding-right: 13rem; }
    header .sm-only-p--14,
    footer .sm-only-p--14 {
      padding: 14rem; }
    header .sm-only-px--14,
    footer .sm-only-px--14 {
      padding-left: 14rem;
      padding-right: 14rem; }
    header .sm-only-py--14,
    footer .sm-only-py--14 {
      padding-top: 14rem;
      padding-bottom: 14rem; }
    header .sm-only-pt--14,
    footer .sm-only-pt--14 {
      padding-top: 14rem; }
    header .sm-only-pb--14,
    footer .sm-only-pb--14 {
      padding-bottom: 14rem; }
    header .sm-only-pl--14,
    footer .sm-only-pl--14 {
      padding-left: 14rem; }
    header .sm-only-pr--14,
    footer .sm-only-pr--14 {
      padding-right: 14rem; }
    header .sm-only-p--15,
    footer .sm-only-p--15 {
      padding: 15rem; }
    header .sm-only-px--15,
    footer .sm-only-px--15 {
      padding-left: 15rem;
      padding-right: 15rem; }
    header .sm-only-py--15,
    footer .sm-only-py--15 {
      padding-top: 15rem;
      padding-bottom: 15rem; }
    header .sm-only-pt--15,
    footer .sm-only-pt--15 {
      padding-top: 15rem; }
    header .sm-only-pb--15,
    footer .sm-only-pb--15 {
      padding-bottom: 15rem; }
    header .sm-only-pl--15,
    footer .sm-only-pl--15 {
      padding-left: 15rem; }
    header .sm-only-pr--15,
    footer .sm-only-pr--15 {
      padding-right: 15rem; }
    header .sm-only-p--16,
    footer .sm-only-p--16 {
      padding: 16rem; }
    header .sm-only-px--16,
    footer .sm-only-px--16 {
      padding-left: 16rem;
      padding-right: 16rem; }
    header .sm-only-py--16,
    footer .sm-only-py--16 {
      padding-top: 16rem;
      padding-bottom: 16rem; }
    header .sm-only-pt--16,
    footer .sm-only-pt--16 {
      padding-top: 16rem; }
    header .sm-only-pb--16,
    footer .sm-only-pb--16 {
      padding-bottom: 16rem; }
    header .sm-only-pl--16,
    footer .sm-only-pl--16 {
      padding-left: 16rem; }
    header .sm-only-pr--16,
    footer .sm-only-pr--16 {
      padding-right: 16rem; }
    header .sm-only-p--17,
    footer .sm-only-p--17 {
      padding: 17rem; }
    header .sm-only-px--17,
    footer .sm-only-px--17 {
      padding-left: 17rem;
      padding-right: 17rem; }
    header .sm-only-py--17,
    footer .sm-only-py--17 {
      padding-top: 17rem;
      padding-bottom: 17rem; }
    header .sm-only-pt--17,
    footer .sm-only-pt--17 {
      padding-top: 17rem; }
    header .sm-only-pb--17,
    footer .sm-only-pb--17 {
      padding-bottom: 17rem; }
    header .sm-only-pl--17,
    footer .sm-only-pl--17 {
      padding-left: 17rem; }
    header .sm-only-pr--17,
    footer .sm-only-pr--17 {
      padding-right: 17rem; }
    header .sm-only-p--18,
    footer .sm-only-p--18 {
      padding: 18rem; }
    header .sm-only-px--18,
    footer .sm-only-px--18 {
      padding-left: 18rem;
      padding-right: 18rem; }
    header .sm-only-py--18,
    footer .sm-only-py--18 {
      padding-top: 18rem;
      padding-bottom: 18rem; }
    header .sm-only-pt--18,
    footer .sm-only-pt--18 {
      padding-top: 18rem; }
    header .sm-only-pb--18,
    footer .sm-only-pb--18 {
      padding-bottom: 18rem; }
    header .sm-only-pl--18,
    footer .sm-only-pl--18 {
      padding-left: 18rem; }
    header .sm-only-pr--18,
    footer .sm-only-pr--18 {
      padding-right: 18rem; }
    header .sm-only-p--19,
    footer .sm-only-p--19 {
      padding: 19rem; }
    header .sm-only-px--19,
    footer .sm-only-px--19 {
      padding-left: 19rem;
      padding-right: 19rem; }
    header .sm-only-py--19,
    footer .sm-only-py--19 {
      padding-top: 19rem;
      padding-bottom: 19rem; }
    header .sm-only-pt--19,
    footer .sm-only-pt--19 {
      padding-top: 19rem; }
    header .sm-only-pb--19,
    footer .sm-only-pb--19 {
      padding-bottom: 19rem; }
    header .sm-only-pl--19,
    footer .sm-only-pl--19 {
      padding-left: 19rem; }
    header .sm-only-pr--19,
    footer .sm-only-pr--19 {
      padding-right: 19rem; }
    header .sm-only-p--20,
    footer .sm-only-p--20 {
      padding: 20rem; }
    header .sm-only-px--20,
    footer .sm-only-px--20 {
      padding-left: 20rem;
      padding-right: 20rem; }
    header .sm-only-py--20,
    footer .sm-only-py--20 {
      padding-top: 20rem;
      padding-bottom: 20rem; }
    header .sm-only-pt--20,
    footer .sm-only-pt--20 {
      padding-top: 20rem; }
    header .sm-only-pb--20,
    footer .sm-only-pb--20 {
      padding-bottom: 20rem; }
    header .sm-only-pl--20,
    footer .sm-only-pl--20 {
      padding-left: 20rem; }
    header .sm-only-pr--20,
    footer .sm-only-pr--20 {
      padding-right: 20rem; }
    header .sm-only-p--negative-quarter,
    footer .sm-only-p--negative-quarter {
      padding: -0.25rem; }
    header .sm-only-px--negative-quarter,
    footer .sm-only-px--negative-quarter {
      padding-left: -0.25rem;
      padding-right: -0.25rem; }
    header .sm-only-py--negative-quarter,
    footer .sm-only-py--negative-quarter {
      padding-top: -0.25rem;
      padding-bottom: -0.25rem; }
    header .sm-only-pt--negative-quarter,
    footer .sm-only-pt--negative-quarter {
      padding-top: -0.25rem; }
    header .sm-only-pb--negative-quarter,
    footer .sm-only-pb--negative-quarter {
      padding-bottom: -0.25rem; }
    header .sm-only-pl--negative-quarter,
    footer .sm-only-pl--negative-quarter {
      padding-left: -0.25rem; }
    header .sm-only-pr--negative-quarter,
    footer .sm-only-pr--negative-quarter {
      padding-right: -0.25rem; }
    header .sm-only-p--negative-3-quarters,
    footer .sm-only-p--negative-3-quarters {
      padding: -0.75rem; }
    header .sm-only-px--negative-3-quarters,
    footer .sm-only-px--negative-3-quarters {
      padding-left: -0.75rem;
      padding-right: -0.75rem; }
    header .sm-only-py--negative-3-quarters,
    footer .sm-only-py--negative-3-quarters {
      padding-top: -0.75rem;
      padding-bottom: -0.75rem; }
    header .sm-only-pt--negative-3-quarters,
    footer .sm-only-pt--negative-3-quarters {
      padding-top: -0.75rem; }
    header .sm-only-pb--negative-3-quarters,
    footer .sm-only-pb--negative-3-quarters {
      padding-bottom: -0.75rem; }
    header .sm-only-pl--negative-3-quarters,
    footer .sm-only-pl--negative-3-quarters {
      padding-left: -0.75rem; }
    header .sm-only-pr--negative-3-quarters,
    footer .sm-only-pr--negative-3-quarters {
      padding-right: -0.75rem; }
    header .sm-only-p--negative-half,
    footer .sm-only-p--negative-half {
      padding: -0.5rem; }
    header .sm-only-px--negative-half,
    footer .sm-only-px--negative-half {
      padding-left: -0.5rem;
      padding-right: -0.5rem; }
    header .sm-only-py--negative-half,
    footer .sm-only-py--negative-half {
      padding-top: -0.5rem;
      padding-bottom: -0.5rem; }
    header .sm-only-pt--negative-half,
    footer .sm-only-pt--negative-half {
      padding-top: -0.5rem; }
    header .sm-only-pb--negative-half,
    footer .sm-only-pb--negative-half {
      padding-bottom: -0.5rem; }
    header .sm-only-pl--negative-half,
    footer .sm-only-pl--negative-half {
      padding-left: -0.5rem; }
    header .sm-only-pr--negative-half,
    footer .sm-only-pr--negative-half {
      padding-right: -0.5rem; }
    header .sm-only-p--negative-1,
    footer .sm-only-p--negative-1 {
      padding: -1rem; }
    header .sm-only-px--negative-1,
    footer .sm-only-px--negative-1 {
      padding-left: -1rem;
      padding-right: -1rem; }
    header .sm-only-py--negative-1,
    footer .sm-only-py--negative-1 {
      padding-top: -1rem;
      padding-bottom: -1rem; }
    header .sm-only-pt--negative-1,
    footer .sm-only-pt--negative-1 {
      padding-top: -1rem; }
    header .sm-only-pb--negative-1,
    footer .sm-only-pb--negative-1 {
      padding-bottom: -1rem; }
    header .sm-only-pl--negative-1,
    footer .sm-only-pl--negative-1 {
      padding-left: -1rem; }
    header .sm-only-pr--negative-1,
    footer .sm-only-pr--negative-1 {
      padding-right: -1rem; }
    header .sm-only-p--negative-1-half,
    footer .sm-only-p--negative-1-half {
      padding: -1.5rem; }
    header .sm-only-px--negative-1-half,
    footer .sm-only-px--negative-1-half {
      padding-left: -1.5rem;
      padding-right: -1.5rem; }
    header .sm-only-py--negative-1-half,
    footer .sm-only-py--negative-1-half {
      padding-top: -1.5rem;
      padding-bottom: -1.5rem; }
    header .sm-only-pt--negative-1-half,
    footer .sm-only-pt--negative-1-half {
      padding-top: -1.5rem; }
    header .sm-only-pb--negative-1-half,
    footer .sm-only-pb--negative-1-half {
      padding-bottom: -1.5rem; }
    header .sm-only-pl--negative-1-half,
    footer .sm-only-pl--negative-1-half {
      padding-left: -1.5rem; }
    header .sm-only-pr--negative-1-half,
    footer .sm-only-pr--negative-1-half {
      padding-right: -1.5rem; }
    header .sm-only-p--negative-2,
    footer .sm-only-p--negative-2 {
      padding: -2rem; }
    header .sm-only-px--negative-2,
    footer .sm-only-px--negative-2 {
      padding-left: -2rem;
      padding-right: -2rem; }
    header .sm-only-py--negative-2,
    footer .sm-only-py--negative-2 {
      padding-top: -2rem;
      padding-bottom: -2rem; }
    header .sm-only-pt--negative-2,
    footer .sm-only-pt--negative-2 {
      padding-top: -2rem; }
    header .sm-only-pb--negative-2,
    footer .sm-only-pb--negative-2 {
      padding-bottom: -2rem; }
    header .sm-only-pl--negative-2,
    footer .sm-only-pl--negative-2 {
      padding-left: -2rem; }
    header .sm-only-pr--negative-2,
    footer .sm-only-pr--negative-2 {
      padding-right: -2rem; }
    header .sm-only-p--negative-3,
    footer .sm-only-p--negative-3 {
      padding: -3rem; }
    header .sm-only-px--negative-3,
    footer .sm-only-px--negative-3 {
      padding-left: -3rem;
      padding-right: -3rem; }
    header .sm-only-py--negative-3,
    footer .sm-only-py--negative-3 {
      padding-top: -3rem;
      padding-bottom: -3rem; }
    header .sm-only-pt--negative-3,
    footer .sm-only-pt--negative-3 {
      padding-top: -3rem; }
    header .sm-only-pb--negative-3,
    footer .sm-only-pb--negative-3 {
      padding-bottom: -3rem; }
    header .sm-only-pl--negative-3,
    footer .sm-only-pl--negative-3 {
      padding-left: -3rem; }
    header .sm-only-pr--negative-3,
    footer .sm-only-pr--negative-3 {
      padding-right: -3rem; }
    header .sm-only-p--negative-4,
    footer .sm-only-p--negative-4 {
      padding: -4rem; }
    header .sm-only-px--negative-4,
    footer .sm-only-px--negative-4 {
      padding-left: -4rem;
      padding-right: -4rem; }
    header .sm-only-py--negative-4,
    footer .sm-only-py--negative-4 {
      padding-top: -4rem;
      padding-bottom: -4rem; }
    header .sm-only-pt--negative-4,
    footer .sm-only-pt--negative-4 {
      padding-top: -4rem; }
    header .sm-only-pb--negative-4,
    footer .sm-only-pb--negative-4 {
      padding-bottom: -4rem; }
    header .sm-only-pl--negative-4,
    footer .sm-only-pl--negative-4 {
      padding-left: -4rem; }
    header .sm-only-pr--negative-4,
    footer .sm-only-pr--negative-4 {
      padding-right: -4rem; }
    header .sm-only-p--negative-5,
    footer .sm-only-p--negative-5 {
      padding: -5rem; }
    header .sm-only-px--negative-5,
    footer .sm-only-px--negative-5 {
      padding-left: -5rem;
      padding-right: -5rem; }
    header .sm-only-py--negative-5,
    footer .sm-only-py--negative-5 {
      padding-top: -5rem;
      padding-bottom: -5rem; }
    header .sm-only-pt--negative-5,
    footer .sm-only-pt--negative-5 {
      padding-top: -5rem; }
    header .sm-only-pb--negative-5,
    footer .sm-only-pb--negative-5 {
      padding-bottom: -5rem; }
    header .sm-only-pl--negative-5,
    footer .sm-only-pl--negative-5 {
      padding-left: -5rem; }
    header .sm-only-pr--negative-5,
    footer .sm-only-pr--negative-5 {
      padding-right: -5rem; }
    header .sm-only-p--negative-6,
    footer .sm-only-p--negative-6 {
      padding: -6rem; }
    header .sm-only-px--negative-6,
    footer .sm-only-px--negative-6 {
      padding-left: -6rem;
      padding-right: -6rem; }
    header .sm-only-py--negative-6,
    footer .sm-only-py--negative-6 {
      padding-top: -6rem;
      padding-bottom: -6rem; }
    header .sm-only-pt--negative-6,
    footer .sm-only-pt--negative-6 {
      padding-top: -6rem; }
    header .sm-only-pb--negative-6,
    footer .sm-only-pb--negative-6 {
      padding-bottom: -6rem; }
    header .sm-only-pl--negative-6,
    footer .sm-only-pl--negative-6 {
      padding-left: -6rem; }
    header .sm-only-pr--negative-6,
    footer .sm-only-pr--negative-6 {
      padding-right: -6rem; }
    header .sm-only-p--negative-7,
    footer .sm-only-p--negative-7 {
      padding: -7rem; }
    header .sm-only-px--negative-7,
    footer .sm-only-px--negative-7 {
      padding-left: -7rem;
      padding-right: -7rem; }
    header .sm-only-py--negative-7,
    footer .sm-only-py--negative-7 {
      padding-top: -7rem;
      padding-bottom: -7rem; }
    header .sm-only-pt--negative-7,
    footer .sm-only-pt--negative-7 {
      padding-top: -7rem; }
    header .sm-only-pb--negative-7,
    footer .sm-only-pb--negative-7 {
      padding-bottom: -7rem; }
    header .sm-only-pl--negative-7,
    footer .sm-only-pl--negative-7 {
      padding-left: -7rem; }
    header .sm-only-pr--negative-7,
    footer .sm-only-pr--negative-7 {
      padding-right: -7rem; }
    header .sm-only-p--negative-8,
    footer .sm-only-p--negative-8 {
      padding: -8rem; }
    header .sm-only-px--negative-8,
    footer .sm-only-px--negative-8 {
      padding-left: -8rem;
      padding-right: -8rem; }
    header .sm-only-py--negative-8,
    footer .sm-only-py--negative-8 {
      padding-top: -8rem;
      padding-bottom: -8rem; }
    header .sm-only-pt--negative-8,
    footer .sm-only-pt--negative-8 {
      padding-top: -8rem; }
    header .sm-only-pb--negative-8,
    footer .sm-only-pb--negative-8 {
      padding-bottom: -8rem; }
    header .sm-only-pl--negative-8,
    footer .sm-only-pl--negative-8 {
      padding-left: -8rem; }
    header .sm-only-pr--negative-8,
    footer .sm-only-pr--negative-8 {
      padding-right: -8rem; }
    header .sm-only-p--negative-9,
    footer .sm-only-p--negative-9 {
      padding: -9rem; }
    header .sm-only-px--negative-9,
    footer .sm-only-px--negative-9 {
      padding-left: -9rem;
      padding-right: -9rem; }
    header .sm-only-py--negative-9,
    footer .sm-only-py--negative-9 {
      padding-top: -9rem;
      padding-bottom: -9rem; }
    header .sm-only-pt--negative-9,
    footer .sm-only-pt--negative-9 {
      padding-top: -9rem; }
    header .sm-only-pb--negative-9,
    footer .sm-only-pb--negative-9 {
      padding-bottom: -9rem; }
    header .sm-only-pl--negative-9,
    footer .sm-only-pl--negative-9 {
      padding-left: -9rem; }
    header .sm-only-pr--negative-9,
    footer .sm-only-pr--negative-9 {
      padding-right: -9rem; }
    header .sm-only-p--negative-10,
    footer .sm-only-p--negative-10 {
      padding: -10rem; }
    header .sm-only-px--negative-10,
    footer .sm-only-px--negative-10 {
      padding-left: -10rem;
      padding-right: -10rem; }
    header .sm-only-py--negative-10,
    footer .sm-only-py--negative-10 {
      padding-top: -10rem;
      padding-bottom: -10rem; }
    header .sm-only-pt--negative-10,
    footer .sm-only-pt--negative-10 {
      padding-top: -10rem; }
    header .sm-only-pb--negative-10,
    footer .sm-only-pb--negative-10 {
      padding-bottom: -10rem; }
    header .sm-only-pl--negative-10,
    footer .sm-only-pl--negative-10 {
      padding-left: -10rem; }
    header .sm-only-pr--negative-10,
    footer .sm-only-pr--negative-10 {
      padding-right: -10rem; }
    header .sm-only-p--auto,
    footer .sm-only-p--auto {
      padding: auto; }
    header .sm-only-px--auto,
    footer .sm-only-px--auto {
      padding-left: auto;
      padding-right: auto; }
    header .sm-only-py--auto,
    footer .sm-only-py--auto {
      padding-top: auto;
      padding-bottom: auto; }
    header .sm-only-pt--auto,
    footer .sm-only-pt--auto {
      padding-top: auto; }
    header .sm-only-pb--auto,
    footer .sm-only-pb--auto {
      padding-bottom: auto; }
    header .sm-only-pl--auto,
    footer .sm-only-pl--auto {
      padding-left: auto; }
    header .sm-only-pr--auto,
    footer .sm-only-pr--auto {
      padding-right: auto; } }
  @media screen and (min-width: 46rem) {
    header .md-mb--0-forced,
    footer .md-mb--0-forced {
      margin-bottom: 0 !important; }
    header .md-mb--1-forced,
    footer .md-mb--1-forced {
      margin-bottom: 1rem !important; }
    header .md-mb--half-forced,
    footer .md-mb--half-forced {
      margin-bottom: 0.5rem !important; }
    header .md-pb--0-forced,
    footer .md-pb--0-forced {
      padding-bottom: 0 !important; }
    header .md-px--1-forced,
    footer .md-px--1-forced {
      padding-left: 1rem !important;
      padding-right: 1rem !important; }
    header .md-my--0-forced,
    footer .md-my--0-forced {
      margin-bottom: 0 !important;
      margin-top: 0 !important; }
    header .md-px--half-forced,
    footer .md-px--half-forced {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important; }
    header .md-mt--1-forced,
    footer .md-mt--1-forced {
      margin-top: 1rem !important; }
    header .md-px--2-forced,
    footer .md-px--2-forced {
      padding-left: 2rem !important;
      padding-right: 2rem !important; }
    header .md-pr--2-forced,
    footer .md-pr--2-forced {
      padding-right: 2rem !important; }
    header .md-mr--1-forced,
    footer .md-mr--1-forced {
      margin-right: 2rem !important; }
    header .md-ml--0-forced,
    footer .md-ml--0-forced {
      margin-left: 0rem !important; }
    header .md-m--0,
    footer .md-m--0 {
      margin: 0rem; }
    header .md-mx--0,
    footer .md-mx--0 {
      margin-left: 0rem;
      margin-right: 0rem; }
    header .md-my--0,
    footer .md-my--0 {
      margin-top: 0rem;
      margin-bottom: 0rem; }
    header .md-mt--0,
    footer .md-mt--0 {
      margin-top: 0rem; }
    header .md-mb--0,
    footer .md-mb--0 {
      margin-bottom: 0rem; }
    header .md-ml--0,
    footer .md-ml--0 {
      margin-left: 0rem; }
    header .md-mr--0,
    footer .md-mr--0 {
      margin-right: 0rem; }
    header .md-m--quarter,
    footer .md-m--quarter {
      margin: 0.25rem; }
    header .md-mx--quarter,
    footer .md-mx--quarter {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }
    header .md-my--quarter,
    footer .md-my--quarter {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem; }
    header .md-mt--quarter,
    footer .md-mt--quarter {
      margin-top: 0.25rem; }
    header .md-mb--quarter,
    footer .md-mb--quarter {
      margin-bottom: 0.25rem; }
    header .md-ml--quarter,
    footer .md-ml--quarter {
      margin-left: 0.25rem; }
    header .md-mr--quarter,
    footer .md-mr--quarter {
      margin-right: 0.25rem; }
    header .md-m--half,
    footer .md-m--half {
      margin: 0.5rem; }
    header .md-mx--half,
    footer .md-mx--half {
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
    header .md-my--half,
    footer .md-my--half {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    header .md-mt--half,
    footer .md-mt--half {
      margin-top: 0.5rem; }
    header .md-mb--half,
    footer .md-mb--half {
      margin-bottom: 0.5rem; }
    header .md-ml--half,
    footer .md-ml--half {
      margin-left: 0.5rem; }
    header .md-mr--half,
    footer .md-mr--half {
      margin-right: 0.5rem; }
    header .md-m--3-quarters,
    footer .md-m--3-quarters {
      margin: 0.75rem; }
    header .md-mx--3-quarters,
    footer .md-mx--3-quarters {
      margin-left: 0.75rem;
      margin-right: 0.75rem; }
    header .md-my--3-quarters,
    footer .md-my--3-quarters {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem; }
    header .md-mt--3-quarters,
    footer .md-mt--3-quarters {
      margin-top: 0.75rem; }
    header .md-mb--3-quarters,
    footer .md-mb--3-quarters {
      margin-bottom: 0.75rem; }
    header .md-ml--3-quarters,
    footer .md-ml--3-quarters {
      margin-left: 0.75rem; }
    header .md-mr--3-quarters,
    footer .md-mr--3-quarters {
      margin-right: 0.75rem; }
    header .md-m--1,
    footer .md-m--1 {
      margin: 1rem; }
    header .md-mx--1,
    footer .md-mx--1 {
      margin-left: 1rem;
      margin-right: 1rem; }
    header .md-my--1,
    footer .md-my--1 {
      margin-top: 1rem;
      margin-bottom: 1rem; }
    header .md-mt--1,
    footer .md-mt--1 {
      margin-top: 1rem; }
    header .md-mb--1,
    footer .md-mb--1 {
      margin-bottom: 1rem; }
    header .md-ml--1,
    footer .md-ml--1 {
      margin-left: 1rem; }
    header .md-mr--1,
    footer .md-mr--1 {
      margin-right: 1rem; }
    header .md-m--1-half,
    footer .md-m--1-half {
      margin: 1.5rem; }
    header .md-mx--1-half,
    footer .md-mx--1-half {
      margin-left: 1.5rem;
      margin-right: 1.5rem; }
    header .md-my--1-half,
    footer .md-my--1-half {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; }
    header .md-mt--1-half,
    footer .md-mt--1-half {
      margin-top: 1.5rem; }
    header .md-mb--1-half,
    footer .md-mb--1-half {
      margin-bottom: 1.5rem; }
    header .md-ml--1-half,
    footer .md-ml--1-half {
      margin-left: 1.5rem; }
    header .md-mr--1-half,
    footer .md-mr--1-half {
      margin-right: 1.5rem; }
    header .md-m--2,
    footer .md-m--2 {
      margin: 2rem; }
    header .md-mx--2,
    footer .md-mx--2 {
      margin-left: 2rem;
      margin-right: 2rem; }
    header .md-my--2,
    footer .md-my--2 {
      margin-top: 2rem;
      margin-bottom: 2rem; }
    header .md-mt--2,
    footer .md-mt--2 {
      margin-top: 2rem; }
    header .md-mb--2,
    footer .md-mb--2 {
      margin-bottom: 2rem; }
    header .md-ml--2,
    footer .md-ml--2 {
      margin-left: 2rem; }
    header .md-mr--2,
    footer .md-mr--2 {
      margin-right: 2rem; }
    header .md-m--2-half,
    footer .md-m--2-half {
      margin: 2.5rem; }
    header .md-mx--2-half,
    footer .md-mx--2-half {
      margin-left: 2.5rem;
      margin-right: 2.5rem; }
    header .md-my--2-half,
    footer .md-my--2-half {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem; }
    header .md-mt--2-half,
    footer .md-mt--2-half {
      margin-top: 2.5rem; }
    header .md-mb--2-half,
    footer .md-mb--2-half {
      margin-bottom: 2.5rem; }
    header .md-ml--2-half,
    footer .md-ml--2-half {
      margin-left: 2.5rem; }
    header .md-mr--2-half,
    footer .md-mr--2-half {
      margin-right: 2.5rem; }
    header .md-m--3,
    footer .md-m--3 {
      margin: 3rem; }
    header .md-mx--3,
    footer .md-mx--3 {
      margin-left: 3rem;
      margin-right: 3rem; }
    header .md-my--3,
    footer .md-my--3 {
      margin-top: 3rem;
      margin-bottom: 3rem; }
    header .md-mt--3,
    footer .md-mt--3 {
      margin-top: 3rem; }
    header .md-mb--3,
    footer .md-mb--3 {
      margin-bottom: 3rem; }
    header .md-ml--3,
    footer .md-ml--3 {
      margin-left: 3rem; }
    header .md-mr--3,
    footer .md-mr--3 {
      margin-right: 3rem; }
    header .md-m--3-half,
    footer .md-m--3-half {
      margin: 3.5rem; }
    header .md-mx--3-half,
    footer .md-mx--3-half {
      margin-left: 3.5rem;
      margin-right: 3.5rem; }
    header .md-my--3-half,
    footer .md-my--3-half {
      margin-top: 3.5rem;
      margin-bottom: 3.5rem; }
    header .md-mt--3-half,
    footer .md-mt--3-half {
      margin-top: 3.5rem; }
    header .md-mb--3-half,
    footer .md-mb--3-half {
      margin-bottom: 3.5rem; }
    header .md-ml--3-half,
    footer .md-ml--3-half {
      margin-left: 3.5rem; }
    header .md-mr--3-half,
    footer .md-mr--3-half {
      margin-right: 3.5rem; }
    header .md-m--4,
    footer .md-m--4 {
      margin: 4rem; }
    header .md-mx--4,
    footer .md-mx--4 {
      margin-left: 4rem;
      margin-right: 4rem; }
    header .md-my--4,
    footer .md-my--4 {
      margin-top: 4rem;
      margin-bottom: 4rem; }
    header .md-mt--4,
    footer .md-mt--4 {
      margin-top: 4rem; }
    header .md-mb--4,
    footer .md-mb--4 {
      margin-bottom: 4rem; }
    header .md-ml--4,
    footer .md-ml--4 {
      margin-left: 4rem; }
    header .md-mr--4,
    footer .md-mr--4 {
      margin-right: 4rem; }
    header .md-m--4-half,
    footer .md-m--4-half {
      margin: 4.5rem; }
    header .md-mx--4-half,
    footer .md-mx--4-half {
      margin-left: 4.5rem;
      margin-right: 4.5rem; }
    header .md-my--4-half,
    footer .md-my--4-half {
      margin-top: 4.5rem;
      margin-bottom: 4.5rem; }
    header .md-mt--4-half,
    footer .md-mt--4-half {
      margin-top: 4.5rem; }
    header .md-mb--4-half,
    footer .md-mb--4-half {
      margin-bottom: 4.5rem; }
    header .md-ml--4-half,
    footer .md-ml--4-half {
      margin-left: 4.5rem; }
    header .md-mr--4-half,
    footer .md-mr--4-half {
      margin-right: 4.5rem; }
    header .md-m--5,
    footer .md-m--5 {
      margin: 5rem; }
    header .md-mx--5,
    footer .md-mx--5 {
      margin-left: 5rem;
      margin-right: 5rem; }
    header .md-my--5,
    footer .md-my--5 {
      margin-top: 5rem;
      margin-bottom: 5rem; }
    header .md-mt--5,
    footer .md-mt--5 {
      margin-top: 5rem; }
    header .md-mb--5,
    footer .md-mb--5 {
      margin-bottom: 5rem; }
    header .md-ml--5,
    footer .md-ml--5 {
      margin-left: 5rem; }
    header .md-mr--5,
    footer .md-mr--5 {
      margin-right: 5rem; }
    header .md-m--5-half,
    footer .md-m--5-half {
      margin: 5.5rem; }
    header .md-mx--5-half,
    footer .md-mx--5-half {
      margin-left: 5.5rem;
      margin-right: 5.5rem; }
    header .md-my--5-half,
    footer .md-my--5-half {
      margin-top: 5.5rem;
      margin-bottom: 5.5rem; }
    header .md-mt--5-half,
    footer .md-mt--5-half {
      margin-top: 5.5rem; }
    header .md-mb--5-half,
    footer .md-mb--5-half {
      margin-bottom: 5.5rem; }
    header .md-ml--5-half,
    footer .md-ml--5-half {
      margin-left: 5.5rem; }
    header .md-mr--5-half,
    footer .md-mr--5-half {
      margin-right: 5.5rem; }
    header .md-m--6,
    footer .md-m--6 {
      margin: 6rem; }
    header .md-mx--6,
    footer .md-mx--6 {
      margin-left: 6rem;
      margin-right: 6rem; }
    header .md-my--6,
    footer .md-my--6 {
      margin-top: 6rem;
      margin-bottom: 6rem; }
    header .md-mt--6,
    footer .md-mt--6 {
      margin-top: 6rem; }
    header .md-mb--6,
    footer .md-mb--6 {
      margin-bottom: 6rem; }
    header .md-ml--6,
    footer .md-ml--6 {
      margin-left: 6rem; }
    header .md-mr--6,
    footer .md-mr--6 {
      margin-right: 6rem; }
    header .md-m--6-half,
    footer .md-m--6-half {
      margin: 6.5rem; }
    header .md-mx--6-half,
    footer .md-mx--6-half {
      margin-left: 6.5rem;
      margin-right: 6.5rem; }
    header .md-my--6-half,
    footer .md-my--6-half {
      margin-top: 6.5rem;
      margin-bottom: 6.5rem; }
    header .md-mt--6-half,
    footer .md-mt--6-half {
      margin-top: 6.5rem; }
    header .md-mb--6-half,
    footer .md-mb--6-half {
      margin-bottom: 6.5rem; }
    header .md-ml--6-half,
    footer .md-ml--6-half {
      margin-left: 6.5rem; }
    header .md-mr--6-half,
    footer .md-mr--6-half {
      margin-right: 6.5rem; }
    header .md-m--7,
    footer .md-m--7 {
      margin: 7rem; }
    header .md-mx--7,
    footer .md-mx--7 {
      margin-left: 7rem;
      margin-right: 7rem; }
    header .md-my--7,
    footer .md-my--7 {
      margin-top: 7rem;
      margin-bottom: 7rem; }
    header .md-mt--7,
    footer .md-mt--7 {
      margin-top: 7rem; }
    header .md-mb--7,
    footer .md-mb--7 {
      margin-bottom: 7rem; }
    header .md-ml--7,
    footer .md-ml--7 {
      margin-left: 7rem; }
    header .md-mr--7,
    footer .md-mr--7 {
      margin-right: 7rem; }
    header .md-m--7-half,
    footer .md-m--7-half {
      margin: 7.5rem; }
    header .md-mx--7-half,
    footer .md-mx--7-half {
      margin-left: 7.5rem;
      margin-right: 7.5rem; }
    header .md-my--7-half,
    footer .md-my--7-half {
      margin-top: 7.5rem;
      margin-bottom: 7.5rem; }
    header .md-mt--7-half,
    footer .md-mt--7-half {
      margin-top: 7.5rem; }
    header .md-mb--7-half,
    footer .md-mb--7-half {
      margin-bottom: 7.5rem; }
    header .md-ml--7-half,
    footer .md-ml--7-half {
      margin-left: 7.5rem; }
    header .md-mr--7-half,
    footer .md-mr--7-half {
      margin-right: 7.5rem; }
    header .md-m--8,
    footer .md-m--8 {
      margin: 8rem; }
    header .md-mx--8,
    footer .md-mx--8 {
      margin-left: 8rem;
      margin-right: 8rem; }
    header .md-my--8,
    footer .md-my--8 {
      margin-top: 8rem;
      margin-bottom: 8rem; }
    header .md-mt--8,
    footer .md-mt--8 {
      margin-top: 8rem; }
    header .md-mb--8,
    footer .md-mb--8 {
      margin-bottom: 8rem; }
    header .md-ml--8,
    footer .md-ml--8 {
      margin-left: 8rem; }
    header .md-mr--8,
    footer .md-mr--8 {
      margin-right: 8rem; }
    header .md-m--9,
    footer .md-m--9 {
      margin: 9rem; }
    header .md-mx--9,
    footer .md-mx--9 {
      margin-left: 9rem;
      margin-right: 9rem; }
    header .md-my--9,
    footer .md-my--9 {
      margin-top: 9rem;
      margin-bottom: 9rem; }
    header .md-mt--9,
    footer .md-mt--9 {
      margin-top: 9rem; }
    header .md-mb--9,
    footer .md-mb--9 {
      margin-bottom: 9rem; }
    header .md-ml--9,
    footer .md-ml--9 {
      margin-left: 9rem; }
    header .md-mr--9,
    footer .md-mr--9 {
      margin-right: 9rem; }
    header .md-m--10,
    footer .md-m--10 {
      margin: 10rem; }
    header .md-mx--10,
    footer .md-mx--10 {
      margin-left: 10rem;
      margin-right: 10rem; }
    header .md-my--10,
    footer .md-my--10 {
      margin-top: 10rem;
      margin-bottom: 10rem; }
    header .md-mt--10,
    footer .md-mt--10 {
      margin-top: 10rem; }
    header .md-mb--10,
    footer .md-mb--10 {
      margin-bottom: 10rem; }
    header .md-ml--10,
    footer .md-ml--10 {
      margin-left: 10rem; }
    header .md-mr--10,
    footer .md-mr--10 {
      margin-right: 10rem; }
    header .md-m--11,
    footer .md-m--11 {
      margin: 11rem; }
    header .md-mx--11,
    footer .md-mx--11 {
      margin-left: 11rem;
      margin-right: 11rem; }
    header .md-my--11,
    footer .md-my--11 {
      margin-top: 11rem;
      margin-bottom: 11rem; }
    header .md-mt--11,
    footer .md-mt--11 {
      margin-top: 11rem; }
    header .md-mb--11,
    footer .md-mb--11 {
      margin-bottom: 11rem; }
    header .md-ml--11,
    footer .md-ml--11 {
      margin-left: 11rem; }
    header .md-mr--11,
    footer .md-mr--11 {
      margin-right: 11rem; }
    header .md-m--12,
    footer .md-m--12 {
      margin: 12rem; }
    header .md-mx--12,
    footer .md-mx--12 {
      margin-left: 12rem;
      margin-right: 12rem; }
    header .md-my--12,
    footer .md-my--12 {
      margin-top: 12rem;
      margin-bottom: 12rem; }
    header .md-mt--12,
    footer .md-mt--12 {
      margin-top: 12rem; }
    header .md-mb--12,
    footer .md-mb--12 {
      margin-bottom: 12rem; }
    header .md-ml--12,
    footer .md-ml--12 {
      margin-left: 12rem; }
    header .md-mr--12,
    footer .md-mr--12 {
      margin-right: 12rem; }
    header .md-m--13,
    footer .md-m--13 {
      margin: 13rem; }
    header .md-mx--13,
    footer .md-mx--13 {
      margin-left: 13rem;
      margin-right: 13rem; }
    header .md-my--13,
    footer .md-my--13 {
      margin-top: 13rem;
      margin-bottom: 13rem; }
    header .md-mt--13,
    footer .md-mt--13 {
      margin-top: 13rem; }
    header .md-mb--13,
    footer .md-mb--13 {
      margin-bottom: 13rem; }
    header .md-ml--13,
    footer .md-ml--13 {
      margin-left: 13rem; }
    header .md-mr--13,
    footer .md-mr--13 {
      margin-right: 13rem; }
    header .md-m--14,
    footer .md-m--14 {
      margin: 14rem; }
    header .md-mx--14,
    footer .md-mx--14 {
      margin-left: 14rem;
      margin-right: 14rem; }
    header .md-my--14,
    footer .md-my--14 {
      margin-top: 14rem;
      margin-bottom: 14rem; }
    header .md-mt--14,
    footer .md-mt--14 {
      margin-top: 14rem; }
    header .md-mb--14,
    footer .md-mb--14 {
      margin-bottom: 14rem; }
    header .md-ml--14,
    footer .md-ml--14 {
      margin-left: 14rem; }
    header .md-mr--14,
    footer .md-mr--14 {
      margin-right: 14rem; }
    header .md-m--15,
    footer .md-m--15 {
      margin: 15rem; }
    header .md-mx--15,
    footer .md-mx--15 {
      margin-left: 15rem;
      margin-right: 15rem; }
    header .md-my--15,
    footer .md-my--15 {
      margin-top: 15rem;
      margin-bottom: 15rem; }
    header .md-mt--15,
    footer .md-mt--15 {
      margin-top: 15rem; }
    header .md-mb--15,
    footer .md-mb--15 {
      margin-bottom: 15rem; }
    header .md-ml--15,
    footer .md-ml--15 {
      margin-left: 15rem; }
    header .md-mr--15,
    footer .md-mr--15 {
      margin-right: 15rem; }
    header .md-m--16,
    footer .md-m--16 {
      margin: 16rem; }
    header .md-mx--16,
    footer .md-mx--16 {
      margin-left: 16rem;
      margin-right: 16rem; }
    header .md-my--16,
    footer .md-my--16 {
      margin-top: 16rem;
      margin-bottom: 16rem; }
    header .md-mt--16,
    footer .md-mt--16 {
      margin-top: 16rem; }
    header .md-mb--16,
    footer .md-mb--16 {
      margin-bottom: 16rem; }
    header .md-ml--16,
    footer .md-ml--16 {
      margin-left: 16rem; }
    header .md-mr--16,
    footer .md-mr--16 {
      margin-right: 16rem; }
    header .md-m--17,
    footer .md-m--17 {
      margin: 17rem; }
    header .md-mx--17,
    footer .md-mx--17 {
      margin-left: 17rem;
      margin-right: 17rem; }
    header .md-my--17,
    footer .md-my--17 {
      margin-top: 17rem;
      margin-bottom: 17rem; }
    header .md-mt--17,
    footer .md-mt--17 {
      margin-top: 17rem; }
    header .md-mb--17,
    footer .md-mb--17 {
      margin-bottom: 17rem; }
    header .md-ml--17,
    footer .md-ml--17 {
      margin-left: 17rem; }
    header .md-mr--17,
    footer .md-mr--17 {
      margin-right: 17rem; }
    header .md-m--18,
    footer .md-m--18 {
      margin: 18rem; }
    header .md-mx--18,
    footer .md-mx--18 {
      margin-left: 18rem;
      margin-right: 18rem; }
    header .md-my--18,
    footer .md-my--18 {
      margin-top: 18rem;
      margin-bottom: 18rem; }
    header .md-mt--18,
    footer .md-mt--18 {
      margin-top: 18rem; }
    header .md-mb--18,
    footer .md-mb--18 {
      margin-bottom: 18rem; }
    header .md-ml--18,
    footer .md-ml--18 {
      margin-left: 18rem; }
    header .md-mr--18,
    footer .md-mr--18 {
      margin-right: 18rem; }
    header .md-m--19,
    footer .md-m--19 {
      margin: 19rem; }
    header .md-mx--19,
    footer .md-mx--19 {
      margin-left: 19rem;
      margin-right: 19rem; }
    header .md-my--19,
    footer .md-my--19 {
      margin-top: 19rem;
      margin-bottom: 19rem; }
    header .md-mt--19,
    footer .md-mt--19 {
      margin-top: 19rem; }
    header .md-mb--19,
    footer .md-mb--19 {
      margin-bottom: 19rem; }
    header .md-ml--19,
    footer .md-ml--19 {
      margin-left: 19rem; }
    header .md-mr--19,
    footer .md-mr--19 {
      margin-right: 19rem; }
    header .md-m--20,
    footer .md-m--20 {
      margin: 20rem; }
    header .md-mx--20,
    footer .md-mx--20 {
      margin-left: 20rem;
      margin-right: 20rem; }
    header .md-my--20,
    footer .md-my--20 {
      margin-top: 20rem;
      margin-bottom: 20rem; }
    header .md-mt--20,
    footer .md-mt--20 {
      margin-top: 20rem; }
    header .md-mb--20,
    footer .md-mb--20 {
      margin-bottom: 20rem; }
    header .md-ml--20,
    footer .md-ml--20 {
      margin-left: 20rem; }
    header .md-mr--20,
    footer .md-mr--20 {
      margin-right: 20rem; }
    header .md-m--negative-quarter,
    footer .md-m--negative-quarter {
      margin: -0.25rem; }
    header .md-mx--negative-quarter,
    footer .md-mx--negative-quarter {
      margin-left: -0.25rem;
      margin-right: -0.25rem; }
    header .md-my--negative-quarter,
    footer .md-my--negative-quarter {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem; }
    header .md-mt--negative-quarter,
    footer .md-mt--negative-quarter {
      margin-top: -0.25rem; }
    header .md-mb--negative-quarter,
    footer .md-mb--negative-quarter {
      margin-bottom: -0.25rem; }
    header .md-ml--negative-quarter,
    footer .md-ml--negative-quarter {
      margin-left: -0.25rem; }
    header .md-mr--negative-quarter,
    footer .md-mr--negative-quarter {
      margin-right: -0.25rem; }
    header .md-m--negative-3-quarters,
    footer .md-m--negative-3-quarters {
      margin: -0.75rem; }
    header .md-mx--negative-3-quarters,
    footer .md-mx--negative-3-quarters {
      margin-left: -0.75rem;
      margin-right: -0.75rem; }
    header .md-my--negative-3-quarters,
    footer .md-my--negative-3-quarters {
      margin-top: -0.75rem;
      margin-bottom: -0.75rem; }
    header .md-mt--negative-3-quarters,
    footer .md-mt--negative-3-quarters {
      margin-top: -0.75rem; }
    header .md-mb--negative-3-quarters,
    footer .md-mb--negative-3-quarters {
      margin-bottom: -0.75rem; }
    header .md-ml--negative-3-quarters,
    footer .md-ml--negative-3-quarters {
      margin-left: -0.75rem; }
    header .md-mr--negative-3-quarters,
    footer .md-mr--negative-3-quarters {
      margin-right: -0.75rem; }
    header .md-m--negative-half,
    footer .md-m--negative-half {
      margin: -0.5rem; }
    header .md-mx--negative-half,
    footer .md-mx--negative-half {
      margin-left: -0.5rem;
      margin-right: -0.5rem; }
    header .md-my--negative-half,
    footer .md-my--negative-half {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem; }
    header .md-mt--negative-half,
    footer .md-mt--negative-half {
      margin-top: -0.5rem; }
    header .md-mb--negative-half,
    footer .md-mb--negative-half {
      margin-bottom: -0.5rem; }
    header .md-ml--negative-half,
    footer .md-ml--negative-half {
      margin-left: -0.5rem; }
    header .md-mr--negative-half,
    footer .md-mr--negative-half {
      margin-right: -0.5rem; }
    header .md-m--negative-1,
    footer .md-m--negative-1 {
      margin: -1rem; }
    header .md-mx--negative-1,
    footer .md-mx--negative-1 {
      margin-left: -1rem;
      margin-right: -1rem; }
    header .md-my--negative-1,
    footer .md-my--negative-1 {
      margin-top: -1rem;
      margin-bottom: -1rem; }
    header .md-mt--negative-1,
    footer .md-mt--negative-1 {
      margin-top: -1rem; }
    header .md-mb--negative-1,
    footer .md-mb--negative-1 {
      margin-bottom: -1rem; }
    header .md-ml--negative-1,
    footer .md-ml--negative-1 {
      margin-left: -1rem; }
    header .md-mr--negative-1,
    footer .md-mr--negative-1 {
      margin-right: -1rem; }
    header .md-m--negative-1-half,
    footer .md-m--negative-1-half {
      margin: -1.5rem; }
    header .md-mx--negative-1-half,
    footer .md-mx--negative-1-half {
      margin-left: -1.5rem;
      margin-right: -1.5rem; }
    header .md-my--negative-1-half,
    footer .md-my--negative-1-half {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem; }
    header .md-mt--negative-1-half,
    footer .md-mt--negative-1-half {
      margin-top: -1.5rem; }
    header .md-mb--negative-1-half,
    footer .md-mb--negative-1-half {
      margin-bottom: -1.5rem; }
    header .md-ml--negative-1-half,
    footer .md-ml--negative-1-half {
      margin-left: -1.5rem; }
    header .md-mr--negative-1-half,
    footer .md-mr--negative-1-half {
      margin-right: -1.5rem; }
    header .md-m--negative-2,
    footer .md-m--negative-2 {
      margin: -2rem; }
    header .md-mx--negative-2,
    footer .md-mx--negative-2 {
      margin-left: -2rem;
      margin-right: -2rem; }
    header .md-my--negative-2,
    footer .md-my--negative-2 {
      margin-top: -2rem;
      margin-bottom: -2rem; }
    header .md-mt--negative-2,
    footer .md-mt--negative-2 {
      margin-top: -2rem; }
    header .md-mb--negative-2,
    footer .md-mb--negative-2 {
      margin-bottom: -2rem; }
    header .md-ml--negative-2,
    footer .md-ml--negative-2 {
      margin-left: -2rem; }
    header .md-mr--negative-2,
    footer .md-mr--negative-2 {
      margin-right: -2rem; }
    header .md-m--negative-3,
    footer .md-m--negative-3 {
      margin: -3rem; }
    header .md-mx--negative-3,
    footer .md-mx--negative-3 {
      margin-left: -3rem;
      margin-right: -3rem; }
    header .md-my--negative-3,
    footer .md-my--negative-3 {
      margin-top: -3rem;
      margin-bottom: -3rem; }
    header .md-mt--negative-3,
    footer .md-mt--negative-3 {
      margin-top: -3rem; }
    header .md-mb--negative-3,
    footer .md-mb--negative-3 {
      margin-bottom: -3rem; }
    header .md-ml--negative-3,
    footer .md-ml--negative-3 {
      margin-left: -3rem; }
    header .md-mr--negative-3,
    footer .md-mr--negative-3 {
      margin-right: -3rem; }
    header .md-m--negative-4,
    footer .md-m--negative-4 {
      margin: -4rem; }
    header .md-mx--negative-4,
    footer .md-mx--negative-4 {
      margin-left: -4rem;
      margin-right: -4rem; }
    header .md-my--negative-4,
    footer .md-my--negative-4 {
      margin-top: -4rem;
      margin-bottom: -4rem; }
    header .md-mt--negative-4,
    footer .md-mt--negative-4 {
      margin-top: -4rem; }
    header .md-mb--negative-4,
    footer .md-mb--negative-4 {
      margin-bottom: -4rem; }
    header .md-ml--negative-4,
    footer .md-ml--negative-4 {
      margin-left: -4rem; }
    header .md-mr--negative-4,
    footer .md-mr--negative-4 {
      margin-right: -4rem; }
    header .md-m--negative-5,
    footer .md-m--negative-5 {
      margin: -5rem; }
    header .md-mx--negative-5,
    footer .md-mx--negative-5 {
      margin-left: -5rem;
      margin-right: -5rem; }
    header .md-my--negative-5,
    footer .md-my--negative-5 {
      margin-top: -5rem;
      margin-bottom: -5rem; }
    header .md-mt--negative-5,
    footer .md-mt--negative-5 {
      margin-top: -5rem; }
    header .md-mb--negative-5,
    footer .md-mb--negative-5 {
      margin-bottom: -5rem; }
    header .md-ml--negative-5,
    footer .md-ml--negative-5 {
      margin-left: -5rem; }
    header .md-mr--negative-5,
    footer .md-mr--negative-5 {
      margin-right: -5rem; }
    header .md-m--negative-6,
    footer .md-m--negative-6 {
      margin: -6rem; }
    header .md-mx--negative-6,
    footer .md-mx--negative-6 {
      margin-left: -6rem;
      margin-right: -6rem; }
    header .md-my--negative-6,
    footer .md-my--negative-6 {
      margin-top: -6rem;
      margin-bottom: -6rem; }
    header .md-mt--negative-6,
    footer .md-mt--negative-6 {
      margin-top: -6rem; }
    header .md-mb--negative-6,
    footer .md-mb--negative-6 {
      margin-bottom: -6rem; }
    header .md-ml--negative-6,
    footer .md-ml--negative-6 {
      margin-left: -6rem; }
    header .md-mr--negative-6,
    footer .md-mr--negative-6 {
      margin-right: -6rem; }
    header .md-m--negative-7,
    footer .md-m--negative-7 {
      margin: -7rem; }
    header .md-mx--negative-7,
    footer .md-mx--negative-7 {
      margin-left: -7rem;
      margin-right: -7rem; }
    header .md-my--negative-7,
    footer .md-my--negative-7 {
      margin-top: -7rem;
      margin-bottom: -7rem; }
    header .md-mt--negative-7,
    footer .md-mt--negative-7 {
      margin-top: -7rem; }
    header .md-mb--negative-7,
    footer .md-mb--negative-7 {
      margin-bottom: -7rem; }
    header .md-ml--negative-7,
    footer .md-ml--negative-7 {
      margin-left: -7rem; }
    header .md-mr--negative-7,
    footer .md-mr--negative-7 {
      margin-right: -7rem; }
    header .md-m--negative-8,
    footer .md-m--negative-8 {
      margin: -8rem; }
    header .md-mx--negative-8,
    footer .md-mx--negative-8 {
      margin-left: -8rem;
      margin-right: -8rem; }
    header .md-my--negative-8,
    footer .md-my--negative-8 {
      margin-top: -8rem;
      margin-bottom: -8rem; }
    header .md-mt--negative-8,
    footer .md-mt--negative-8 {
      margin-top: -8rem; }
    header .md-mb--negative-8,
    footer .md-mb--negative-8 {
      margin-bottom: -8rem; }
    header .md-ml--negative-8,
    footer .md-ml--negative-8 {
      margin-left: -8rem; }
    header .md-mr--negative-8,
    footer .md-mr--negative-8 {
      margin-right: -8rem; }
    header .md-m--negative-9,
    footer .md-m--negative-9 {
      margin: -9rem; }
    header .md-mx--negative-9,
    footer .md-mx--negative-9 {
      margin-left: -9rem;
      margin-right: -9rem; }
    header .md-my--negative-9,
    footer .md-my--negative-9 {
      margin-top: -9rem;
      margin-bottom: -9rem; }
    header .md-mt--negative-9,
    footer .md-mt--negative-9 {
      margin-top: -9rem; }
    header .md-mb--negative-9,
    footer .md-mb--negative-9 {
      margin-bottom: -9rem; }
    header .md-ml--negative-9,
    footer .md-ml--negative-9 {
      margin-left: -9rem; }
    header .md-mr--negative-9,
    footer .md-mr--negative-9 {
      margin-right: -9rem; }
    header .md-m--negative-10,
    footer .md-m--negative-10 {
      margin: -10rem; }
    header .md-mx--negative-10,
    footer .md-mx--negative-10 {
      margin-left: -10rem;
      margin-right: -10rem; }
    header .md-my--negative-10,
    footer .md-my--negative-10 {
      margin-top: -10rem;
      margin-bottom: -10rem; }
    header .md-mt--negative-10,
    footer .md-mt--negative-10 {
      margin-top: -10rem; }
    header .md-mb--negative-10,
    footer .md-mb--negative-10 {
      margin-bottom: -10rem; }
    header .md-ml--negative-10,
    footer .md-ml--negative-10 {
      margin-left: -10rem; }
    header .md-mr--negative-10,
    footer .md-mr--negative-10 {
      margin-right: -10rem; }
    header .md-m--auto,
    footer .md-m--auto {
      margin: auto; }
    header .md-mx--auto,
    footer .md-mx--auto {
      margin-left: auto;
      margin-right: auto; }
    header .md-my--auto,
    footer .md-my--auto {
      margin-top: auto;
      margin-bottom: auto; }
    header .md-mt--auto,
    footer .md-mt--auto {
      margin-top: auto; }
    header .md-mb--auto,
    footer .md-mb--auto {
      margin-bottom: auto; }
    header .md-ml--auto,
    footer .md-ml--auto {
      margin-left: auto; }
    header .md-mr--auto,
    footer .md-mr--auto {
      margin-right: auto; }
    header .md-p--0,
    footer .md-p--0 {
      padding: 0rem; }
    header .md-px--0,
    footer .md-px--0 {
      padding-left: 0rem;
      padding-right: 0rem; }
    header .md-py--0,
    footer .md-py--0 {
      padding-top: 0rem;
      padding-bottom: 0rem; }
    header .md-pt--0,
    footer .md-pt--0 {
      padding-top: 0rem; }
    header .md-pb--0,
    footer .md-pb--0 {
      padding-bottom: 0rem; }
    header .md-pl--0,
    footer .md-pl--0 {
      padding-left: 0rem; }
    header .md-pr--0,
    footer .md-pr--0 {
      padding-right: 0rem; }
    header .md-p--quarter,
    footer .md-p--quarter {
      padding: 0.25rem; }
    header .md-px--quarter,
    footer .md-px--quarter {
      padding-left: 0.25rem;
      padding-right: 0.25rem; }
    header .md-py--quarter,
    footer .md-py--quarter {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem; }
    header .md-pt--quarter,
    footer .md-pt--quarter {
      padding-top: 0.25rem; }
    header .md-pb--quarter,
    footer .md-pb--quarter {
      padding-bottom: 0.25rem; }
    header .md-pl--quarter,
    footer .md-pl--quarter {
      padding-left: 0.25rem; }
    header .md-pr--quarter,
    footer .md-pr--quarter {
      padding-right: 0.25rem; }
    header .md-p--half,
    footer .md-p--half {
      padding: 0.5rem; }
    header .md-px--half,
    footer .md-px--half {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
    header .md-py--half,
    footer .md-py--half {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    header .md-pt--half,
    footer .md-pt--half {
      padding-top: 0.5rem; }
    header .md-pb--half,
    footer .md-pb--half {
      padding-bottom: 0.5rem; }
    header .md-pl--half,
    footer .md-pl--half {
      padding-left: 0.5rem; }
    header .md-pr--half,
    footer .md-pr--half {
      padding-right: 0.5rem; }
    header .md-p--3-quarters,
    footer .md-p--3-quarters {
      padding: 0.75rem; }
    header .md-px--3-quarters,
    footer .md-px--3-quarters {
      padding-left: 0.75rem;
      padding-right: 0.75rem; }
    header .md-py--3-quarters,
    footer .md-py--3-quarters {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
    header .md-pt--3-quarters,
    footer .md-pt--3-quarters {
      padding-top: 0.75rem; }
    header .md-pb--3-quarters,
    footer .md-pb--3-quarters {
      padding-bottom: 0.75rem; }
    header .md-pl--3-quarters,
    footer .md-pl--3-quarters {
      padding-left: 0.75rem; }
    header .md-pr--3-quarters,
    footer .md-pr--3-quarters {
      padding-right: 0.75rem; }
    header .md-p--1,
    footer .md-p--1 {
      padding: 1rem; }
    header .md-px--1,
    footer .md-px--1 {
      padding-left: 1rem;
      padding-right: 1rem; }
    header .md-py--1,
    footer .md-py--1 {
      padding-top: 1rem;
      padding-bottom: 1rem; }
    header .md-pt--1,
    footer .md-pt--1 {
      padding-top: 1rem; }
    header .md-pb--1,
    footer .md-pb--1 {
      padding-bottom: 1rem; }
    header .md-pl--1,
    footer .md-pl--1 {
      padding-left: 1rem; }
    header .md-pr--1,
    footer .md-pr--1 {
      padding-right: 1rem; }
    header .md-p--1-half,
    footer .md-p--1-half {
      padding: 1.5rem; }
    header .md-px--1-half,
    footer .md-px--1-half {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
    header .md-py--1-half,
    footer .md-py--1-half {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
    header .md-pt--1-half,
    footer .md-pt--1-half {
      padding-top: 1.5rem; }
    header .md-pb--1-half,
    footer .md-pb--1-half {
      padding-bottom: 1.5rem; }
    header .md-pl--1-half,
    footer .md-pl--1-half {
      padding-left: 1.5rem; }
    header .md-pr--1-half,
    footer .md-pr--1-half {
      padding-right: 1.5rem; }
    header .md-p--2,
    footer .md-p--2 {
      padding: 2rem; }
    header .md-px--2,
    footer .md-px--2 {
      padding-left: 2rem;
      padding-right: 2rem; }
    header .md-py--2,
    footer .md-py--2 {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    header .md-pt--2,
    footer .md-pt--2 {
      padding-top: 2rem; }
    header .md-pb--2,
    footer .md-pb--2 {
      padding-bottom: 2rem; }
    header .md-pl--2,
    footer .md-pl--2 {
      padding-left: 2rem; }
    header .md-pr--2,
    footer .md-pr--2 {
      padding-right: 2rem; }
    header .md-p--2-half,
    footer .md-p--2-half {
      padding: 2.5rem; }
    header .md-px--2-half,
    footer .md-px--2-half {
      padding-left: 2.5rem;
      padding-right: 2.5rem; }
    header .md-py--2-half,
    footer .md-py--2-half {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
    header .md-pt--2-half,
    footer .md-pt--2-half {
      padding-top: 2.5rem; }
    header .md-pb--2-half,
    footer .md-pb--2-half {
      padding-bottom: 2.5rem; }
    header .md-pl--2-half,
    footer .md-pl--2-half {
      padding-left: 2.5rem; }
    header .md-pr--2-half,
    footer .md-pr--2-half {
      padding-right: 2.5rem; }
    header .md-p--3,
    footer .md-p--3 {
      padding: 3rem; }
    header .md-px--3,
    footer .md-px--3 {
      padding-left: 3rem;
      padding-right: 3rem; }
    header .md-py--3,
    footer .md-py--3 {
      padding-top: 3rem;
      padding-bottom: 3rem; }
    header .md-pt--3,
    footer .md-pt--3 {
      padding-top: 3rem; }
    header .md-pb--3,
    footer .md-pb--3 {
      padding-bottom: 3rem; }
    header .md-pl--3,
    footer .md-pl--3 {
      padding-left: 3rem; }
    header .md-pr--3,
    footer .md-pr--3 {
      padding-right: 3rem; }
    header .md-p--3-half,
    footer .md-p--3-half {
      padding: 3.5rem; }
    header .md-px--3-half,
    footer .md-px--3-half {
      padding-left: 3.5rem;
      padding-right: 3.5rem; }
    header .md-py--3-half,
    footer .md-py--3-half {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem; }
    header .md-pt--3-half,
    footer .md-pt--3-half {
      padding-top: 3.5rem; }
    header .md-pb--3-half,
    footer .md-pb--3-half {
      padding-bottom: 3.5rem; }
    header .md-pl--3-half,
    footer .md-pl--3-half {
      padding-left: 3.5rem; }
    header .md-pr--3-half,
    footer .md-pr--3-half {
      padding-right: 3.5rem; }
    header .md-p--4,
    footer .md-p--4 {
      padding: 4rem; }
    header .md-px--4,
    footer .md-px--4 {
      padding-left: 4rem;
      padding-right: 4rem; }
    header .md-py--4,
    footer .md-py--4 {
      padding-top: 4rem;
      padding-bottom: 4rem; }
    header .md-pt--4,
    footer .md-pt--4 {
      padding-top: 4rem; }
    header .md-pb--4,
    footer .md-pb--4 {
      padding-bottom: 4rem; }
    header .md-pl--4,
    footer .md-pl--4 {
      padding-left: 4rem; }
    header .md-pr--4,
    footer .md-pr--4 {
      padding-right: 4rem; }
    header .md-p--4-half,
    footer .md-p--4-half {
      padding: 4.5rem; }
    header .md-px--4-half,
    footer .md-px--4-half {
      padding-left: 4.5rem;
      padding-right: 4.5rem; }
    header .md-py--4-half,
    footer .md-py--4-half {
      padding-top: 4.5rem;
      padding-bottom: 4.5rem; }
    header .md-pt--4-half,
    footer .md-pt--4-half {
      padding-top: 4.5rem; }
    header .md-pb--4-half,
    footer .md-pb--4-half {
      padding-bottom: 4.5rem; }
    header .md-pl--4-half,
    footer .md-pl--4-half {
      padding-left: 4.5rem; }
    header .md-pr--4-half,
    footer .md-pr--4-half {
      padding-right: 4.5rem; }
    header .md-p--5,
    footer .md-p--5 {
      padding: 5rem; }
    header .md-px--5,
    footer .md-px--5 {
      padding-left: 5rem;
      padding-right: 5rem; }
    header .md-py--5,
    footer .md-py--5 {
      padding-top: 5rem;
      padding-bottom: 5rem; }
    header .md-pt--5,
    footer .md-pt--5 {
      padding-top: 5rem; }
    header .md-pb--5,
    footer .md-pb--5 {
      padding-bottom: 5rem; }
    header .md-pl--5,
    footer .md-pl--5 {
      padding-left: 5rem; }
    header .md-pr--5,
    footer .md-pr--5 {
      padding-right: 5rem; }
    header .md-p--5-half,
    footer .md-p--5-half {
      padding: 5.5rem; }
    header .md-px--5-half,
    footer .md-px--5-half {
      padding-left: 5.5rem;
      padding-right: 5.5rem; }
    header .md-py--5-half,
    footer .md-py--5-half {
      padding-top: 5.5rem;
      padding-bottom: 5.5rem; }
    header .md-pt--5-half,
    footer .md-pt--5-half {
      padding-top: 5.5rem; }
    header .md-pb--5-half,
    footer .md-pb--5-half {
      padding-bottom: 5.5rem; }
    header .md-pl--5-half,
    footer .md-pl--5-half {
      padding-left: 5.5rem; }
    header .md-pr--5-half,
    footer .md-pr--5-half {
      padding-right: 5.5rem; }
    header .md-p--6,
    footer .md-p--6 {
      padding: 6rem; }
    header .md-px--6,
    footer .md-px--6 {
      padding-left: 6rem;
      padding-right: 6rem; }
    header .md-py--6,
    footer .md-py--6 {
      padding-top: 6rem;
      padding-bottom: 6rem; }
    header .md-pt--6,
    footer .md-pt--6 {
      padding-top: 6rem; }
    header .md-pb--6,
    footer .md-pb--6 {
      padding-bottom: 6rem; }
    header .md-pl--6,
    footer .md-pl--6 {
      padding-left: 6rem; }
    header .md-pr--6,
    footer .md-pr--6 {
      padding-right: 6rem; }
    header .md-p--6-half,
    footer .md-p--6-half {
      padding: 6.5rem; }
    header .md-px--6-half,
    footer .md-px--6-half {
      padding-left: 6.5rem;
      padding-right: 6.5rem; }
    header .md-py--6-half,
    footer .md-py--6-half {
      padding-top: 6.5rem;
      padding-bottom: 6.5rem; }
    header .md-pt--6-half,
    footer .md-pt--6-half {
      padding-top: 6.5rem; }
    header .md-pb--6-half,
    footer .md-pb--6-half {
      padding-bottom: 6.5rem; }
    header .md-pl--6-half,
    footer .md-pl--6-half {
      padding-left: 6.5rem; }
    header .md-pr--6-half,
    footer .md-pr--6-half {
      padding-right: 6.5rem; }
    header .md-p--7,
    footer .md-p--7 {
      padding: 7rem; }
    header .md-px--7,
    footer .md-px--7 {
      padding-left: 7rem;
      padding-right: 7rem; }
    header .md-py--7,
    footer .md-py--7 {
      padding-top: 7rem;
      padding-bottom: 7rem; }
    header .md-pt--7,
    footer .md-pt--7 {
      padding-top: 7rem; }
    header .md-pb--7,
    footer .md-pb--7 {
      padding-bottom: 7rem; }
    header .md-pl--7,
    footer .md-pl--7 {
      padding-left: 7rem; }
    header .md-pr--7,
    footer .md-pr--7 {
      padding-right: 7rem; }
    header .md-p--7-half,
    footer .md-p--7-half {
      padding: 7.5rem; }
    header .md-px--7-half,
    footer .md-px--7-half {
      padding-left: 7.5rem;
      padding-right: 7.5rem; }
    header .md-py--7-half,
    footer .md-py--7-half {
      padding-top: 7.5rem;
      padding-bottom: 7.5rem; }
    header .md-pt--7-half,
    footer .md-pt--7-half {
      padding-top: 7.5rem; }
    header .md-pb--7-half,
    footer .md-pb--7-half {
      padding-bottom: 7.5rem; }
    header .md-pl--7-half,
    footer .md-pl--7-half {
      padding-left: 7.5rem; }
    header .md-pr--7-half,
    footer .md-pr--7-half {
      padding-right: 7.5rem; }
    header .md-p--8,
    footer .md-p--8 {
      padding: 8rem; }
    header .md-px--8,
    footer .md-px--8 {
      padding-left: 8rem;
      padding-right: 8rem; }
    header .md-py--8,
    footer .md-py--8 {
      padding-top: 8rem;
      padding-bottom: 8rem; }
    header .md-pt--8,
    footer .md-pt--8 {
      padding-top: 8rem; }
    header .md-pb--8,
    footer .md-pb--8 {
      padding-bottom: 8rem; }
    header .md-pl--8,
    footer .md-pl--8 {
      padding-left: 8rem; }
    header .md-pr--8,
    footer .md-pr--8 {
      padding-right: 8rem; }
    header .md-p--9,
    footer .md-p--9 {
      padding: 9rem; }
    header .md-px--9,
    footer .md-px--9 {
      padding-left: 9rem;
      padding-right: 9rem; }
    header .md-py--9,
    footer .md-py--9 {
      padding-top: 9rem;
      padding-bottom: 9rem; }
    header .md-pt--9,
    footer .md-pt--9 {
      padding-top: 9rem; }
    header .md-pb--9,
    footer .md-pb--9 {
      padding-bottom: 9rem; }
    header .md-pl--9,
    footer .md-pl--9 {
      padding-left: 9rem; }
    header .md-pr--9,
    footer .md-pr--9 {
      padding-right: 9rem; }
    header .md-p--10,
    footer .md-p--10 {
      padding: 10rem; }
    header .md-px--10,
    footer .md-px--10 {
      padding-left: 10rem;
      padding-right: 10rem; }
    header .md-py--10,
    footer .md-py--10 {
      padding-top: 10rem;
      padding-bottom: 10rem; }
    header .md-pt--10,
    footer .md-pt--10 {
      padding-top: 10rem; }
    header .md-pb--10,
    footer .md-pb--10 {
      padding-bottom: 10rem; }
    header .md-pl--10,
    footer .md-pl--10 {
      padding-left: 10rem; }
    header .md-pr--10,
    footer .md-pr--10 {
      padding-right: 10rem; }
    header .md-p--11,
    footer .md-p--11 {
      padding: 11rem; }
    header .md-px--11,
    footer .md-px--11 {
      padding-left: 11rem;
      padding-right: 11rem; }
    header .md-py--11,
    footer .md-py--11 {
      padding-top: 11rem;
      padding-bottom: 11rem; }
    header .md-pt--11,
    footer .md-pt--11 {
      padding-top: 11rem; }
    header .md-pb--11,
    footer .md-pb--11 {
      padding-bottom: 11rem; }
    header .md-pl--11,
    footer .md-pl--11 {
      padding-left: 11rem; }
    header .md-pr--11,
    footer .md-pr--11 {
      padding-right: 11rem; }
    header .md-p--12,
    footer .md-p--12 {
      padding: 12rem; }
    header .md-px--12,
    footer .md-px--12 {
      padding-left: 12rem;
      padding-right: 12rem; }
    header .md-py--12,
    footer .md-py--12 {
      padding-top: 12rem;
      padding-bottom: 12rem; }
    header .md-pt--12,
    footer .md-pt--12 {
      padding-top: 12rem; }
    header .md-pb--12,
    footer .md-pb--12 {
      padding-bottom: 12rem; }
    header .md-pl--12,
    footer .md-pl--12 {
      padding-left: 12rem; }
    header .md-pr--12,
    footer .md-pr--12 {
      padding-right: 12rem; }
    header .md-p--13,
    footer .md-p--13 {
      padding: 13rem; }
    header .md-px--13,
    footer .md-px--13 {
      padding-left: 13rem;
      padding-right: 13rem; }
    header .md-py--13,
    footer .md-py--13 {
      padding-top: 13rem;
      padding-bottom: 13rem; }
    header .md-pt--13,
    footer .md-pt--13 {
      padding-top: 13rem; }
    header .md-pb--13,
    footer .md-pb--13 {
      padding-bottom: 13rem; }
    header .md-pl--13,
    footer .md-pl--13 {
      padding-left: 13rem; }
    header .md-pr--13,
    footer .md-pr--13 {
      padding-right: 13rem; }
    header .md-p--14,
    footer .md-p--14 {
      padding: 14rem; }
    header .md-px--14,
    footer .md-px--14 {
      padding-left: 14rem;
      padding-right: 14rem; }
    header .md-py--14,
    footer .md-py--14 {
      padding-top: 14rem;
      padding-bottom: 14rem; }
    header .md-pt--14,
    footer .md-pt--14 {
      padding-top: 14rem; }
    header .md-pb--14,
    footer .md-pb--14 {
      padding-bottom: 14rem; }
    header .md-pl--14,
    footer .md-pl--14 {
      padding-left: 14rem; }
    header .md-pr--14,
    footer .md-pr--14 {
      padding-right: 14rem; }
    header .md-p--15,
    footer .md-p--15 {
      padding: 15rem; }
    header .md-px--15,
    footer .md-px--15 {
      padding-left: 15rem;
      padding-right: 15rem; }
    header .md-py--15,
    footer .md-py--15 {
      padding-top: 15rem;
      padding-bottom: 15rem; }
    header .md-pt--15,
    footer .md-pt--15 {
      padding-top: 15rem; }
    header .md-pb--15,
    footer .md-pb--15 {
      padding-bottom: 15rem; }
    header .md-pl--15,
    footer .md-pl--15 {
      padding-left: 15rem; }
    header .md-pr--15,
    footer .md-pr--15 {
      padding-right: 15rem; }
    header .md-p--16,
    footer .md-p--16 {
      padding: 16rem; }
    header .md-px--16,
    footer .md-px--16 {
      padding-left: 16rem;
      padding-right: 16rem; }
    header .md-py--16,
    footer .md-py--16 {
      padding-top: 16rem;
      padding-bottom: 16rem; }
    header .md-pt--16,
    footer .md-pt--16 {
      padding-top: 16rem; }
    header .md-pb--16,
    footer .md-pb--16 {
      padding-bottom: 16rem; }
    header .md-pl--16,
    footer .md-pl--16 {
      padding-left: 16rem; }
    header .md-pr--16,
    footer .md-pr--16 {
      padding-right: 16rem; }
    header .md-p--17,
    footer .md-p--17 {
      padding: 17rem; }
    header .md-px--17,
    footer .md-px--17 {
      padding-left: 17rem;
      padding-right: 17rem; }
    header .md-py--17,
    footer .md-py--17 {
      padding-top: 17rem;
      padding-bottom: 17rem; }
    header .md-pt--17,
    footer .md-pt--17 {
      padding-top: 17rem; }
    header .md-pb--17,
    footer .md-pb--17 {
      padding-bottom: 17rem; }
    header .md-pl--17,
    footer .md-pl--17 {
      padding-left: 17rem; }
    header .md-pr--17,
    footer .md-pr--17 {
      padding-right: 17rem; }
    header .md-p--18,
    footer .md-p--18 {
      padding: 18rem; }
    header .md-px--18,
    footer .md-px--18 {
      padding-left: 18rem;
      padding-right: 18rem; }
    header .md-py--18,
    footer .md-py--18 {
      padding-top: 18rem;
      padding-bottom: 18rem; }
    header .md-pt--18,
    footer .md-pt--18 {
      padding-top: 18rem; }
    header .md-pb--18,
    footer .md-pb--18 {
      padding-bottom: 18rem; }
    header .md-pl--18,
    footer .md-pl--18 {
      padding-left: 18rem; }
    header .md-pr--18,
    footer .md-pr--18 {
      padding-right: 18rem; }
    header .md-p--19,
    footer .md-p--19 {
      padding: 19rem; }
    header .md-px--19,
    footer .md-px--19 {
      padding-left: 19rem;
      padding-right: 19rem; }
    header .md-py--19,
    footer .md-py--19 {
      padding-top: 19rem;
      padding-bottom: 19rem; }
    header .md-pt--19,
    footer .md-pt--19 {
      padding-top: 19rem; }
    header .md-pb--19,
    footer .md-pb--19 {
      padding-bottom: 19rem; }
    header .md-pl--19,
    footer .md-pl--19 {
      padding-left: 19rem; }
    header .md-pr--19,
    footer .md-pr--19 {
      padding-right: 19rem; }
    header .md-p--20,
    footer .md-p--20 {
      padding: 20rem; }
    header .md-px--20,
    footer .md-px--20 {
      padding-left: 20rem;
      padding-right: 20rem; }
    header .md-py--20,
    footer .md-py--20 {
      padding-top: 20rem;
      padding-bottom: 20rem; }
    header .md-pt--20,
    footer .md-pt--20 {
      padding-top: 20rem; }
    header .md-pb--20,
    footer .md-pb--20 {
      padding-bottom: 20rem; }
    header .md-pl--20,
    footer .md-pl--20 {
      padding-left: 20rem; }
    header .md-pr--20,
    footer .md-pr--20 {
      padding-right: 20rem; }
    header .md-p--negative-quarter,
    footer .md-p--negative-quarter {
      padding: -0.25rem; }
    header .md-px--negative-quarter,
    footer .md-px--negative-quarter {
      padding-left: -0.25rem;
      padding-right: -0.25rem; }
    header .md-py--negative-quarter,
    footer .md-py--negative-quarter {
      padding-top: -0.25rem;
      padding-bottom: -0.25rem; }
    header .md-pt--negative-quarter,
    footer .md-pt--negative-quarter {
      padding-top: -0.25rem; }
    header .md-pb--negative-quarter,
    footer .md-pb--negative-quarter {
      padding-bottom: -0.25rem; }
    header .md-pl--negative-quarter,
    footer .md-pl--negative-quarter {
      padding-left: -0.25rem; }
    header .md-pr--negative-quarter,
    footer .md-pr--negative-quarter {
      padding-right: -0.25rem; }
    header .md-p--negative-3-quarters,
    footer .md-p--negative-3-quarters {
      padding: -0.75rem; }
    header .md-px--negative-3-quarters,
    footer .md-px--negative-3-quarters {
      padding-left: -0.75rem;
      padding-right: -0.75rem; }
    header .md-py--negative-3-quarters,
    footer .md-py--negative-3-quarters {
      padding-top: -0.75rem;
      padding-bottom: -0.75rem; }
    header .md-pt--negative-3-quarters,
    footer .md-pt--negative-3-quarters {
      padding-top: -0.75rem; }
    header .md-pb--negative-3-quarters,
    footer .md-pb--negative-3-quarters {
      padding-bottom: -0.75rem; }
    header .md-pl--negative-3-quarters,
    footer .md-pl--negative-3-quarters {
      padding-left: -0.75rem; }
    header .md-pr--negative-3-quarters,
    footer .md-pr--negative-3-quarters {
      padding-right: -0.75rem; }
    header .md-p--negative-half,
    footer .md-p--negative-half {
      padding: -0.5rem; }
    header .md-px--negative-half,
    footer .md-px--negative-half {
      padding-left: -0.5rem;
      padding-right: -0.5rem; }
    header .md-py--negative-half,
    footer .md-py--negative-half {
      padding-top: -0.5rem;
      padding-bottom: -0.5rem; }
    header .md-pt--negative-half,
    footer .md-pt--negative-half {
      padding-top: -0.5rem; }
    header .md-pb--negative-half,
    footer .md-pb--negative-half {
      padding-bottom: -0.5rem; }
    header .md-pl--negative-half,
    footer .md-pl--negative-half {
      padding-left: -0.5rem; }
    header .md-pr--negative-half,
    footer .md-pr--negative-half {
      padding-right: -0.5rem; }
    header .md-p--negative-1,
    footer .md-p--negative-1 {
      padding: -1rem; }
    header .md-px--negative-1,
    footer .md-px--negative-1 {
      padding-left: -1rem;
      padding-right: -1rem; }
    header .md-py--negative-1,
    footer .md-py--negative-1 {
      padding-top: -1rem;
      padding-bottom: -1rem; }
    header .md-pt--negative-1,
    footer .md-pt--negative-1 {
      padding-top: -1rem; }
    header .md-pb--negative-1,
    footer .md-pb--negative-1 {
      padding-bottom: -1rem; }
    header .md-pl--negative-1,
    footer .md-pl--negative-1 {
      padding-left: -1rem; }
    header .md-pr--negative-1,
    footer .md-pr--negative-1 {
      padding-right: -1rem; }
    header .md-p--negative-1-half,
    footer .md-p--negative-1-half {
      padding: -1.5rem; }
    header .md-px--negative-1-half,
    footer .md-px--negative-1-half {
      padding-left: -1.5rem;
      padding-right: -1.5rem; }
    header .md-py--negative-1-half,
    footer .md-py--negative-1-half {
      padding-top: -1.5rem;
      padding-bottom: -1.5rem; }
    header .md-pt--negative-1-half,
    footer .md-pt--negative-1-half {
      padding-top: -1.5rem; }
    header .md-pb--negative-1-half,
    footer .md-pb--negative-1-half {
      padding-bottom: -1.5rem; }
    header .md-pl--negative-1-half,
    footer .md-pl--negative-1-half {
      padding-left: -1.5rem; }
    header .md-pr--negative-1-half,
    footer .md-pr--negative-1-half {
      padding-right: -1.5rem; }
    header .md-p--negative-2,
    footer .md-p--negative-2 {
      padding: -2rem; }
    header .md-px--negative-2,
    footer .md-px--negative-2 {
      padding-left: -2rem;
      padding-right: -2rem; }
    header .md-py--negative-2,
    footer .md-py--negative-2 {
      padding-top: -2rem;
      padding-bottom: -2rem; }
    header .md-pt--negative-2,
    footer .md-pt--negative-2 {
      padding-top: -2rem; }
    header .md-pb--negative-2,
    footer .md-pb--negative-2 {
      padding-bottom: -2rem; }
    header .md-pl--negative-2,
    footer .md-pl--negative-2 {
      padding-left: -2rem; }
    header .md-pr--negative-2,
    footer .md-pr--negative-2 {
      padding-right: -2rem; }
    header .md-p--negative-3,
    footer .md-p--negative-3 {
      padding: -3rem; }
    header .md-px--negative-3,
    footer .md-px--negative-3 {
      padding-left: -3rem;
      padding-right: -3rem; }
    header .md-py--negative-3,
    footer .md-py--negative-3 {
      padding-top: -3rem;
      padding-bottom: -3rem; }
    header .md-pt--negative-3,
    footer .md-pt--negative-3 {
      padding-top: -3rem; }
    header .md-pb--negative-3,
    footer .md-pb--negative-3 {
      padding-bottom: -3rem; }
    header .md-pl--negative-3,
    footer .md-pl--negative-3 {
      padding-left: -3rem; }
    header .md-pr--negative-3,
    footer .md-pr--negative-3 {
      padding-right: -3rem; }
    header .md-p--negative-4,
    footer .md-p--negative-4 {
      padding: -4rem; }
    header .md-px--negative-4,
    footer .md-px--negative-4 {
      padding-left: -4rem;
      padding-right: -4rem; }
    header .md-py--negative-4,
    footer .md-py--negative-4 {
      padding-top: -4rem;
      padding-bottom: -4rem; }
    header .md-pt--negative-4,
    footer .md-pt--negative-4 {
      padding-top: -4rem; }
    header .md-pb--negative-4,
    footer .md-pb--negative-4 {
      padding-bottom: -4rem; }
    header .md-pl--negative-4,
    footer .md-pl--negative-4 {
      padding-left: -4rem; }
    header .md-pr--negative-4,
    footer .md-pr--negative-4 {
      padding-right: -4rem; }
    header .md-p--negative-5,
    footer .md-p--negative-5 {
      padding: -5rem; }
    header .md-px--negative-5,
    footer .md-px--negative-5 {
      padding-left: -5rem;
      padding-right: -5rem; }
    header .md-py--negative-5,
    footer .md-py--negative-5 {
      padding-top: -5rem;
      padding-bottom: -5rem; }
    header .md-pt--negative-5,
    footer .md-pt--negative-5 {
      padding-top: -5rem; }
    header .md-pb--negative-5,
    footer .md-pb--negative-5 {
      padding-bottom: -5rem; }
    header .md-pl--negative-5,
    footer .md-pl--negative-5 {
      padding-left: -5rem; }
    header .md-pr--negative-5,
    footer .md-pr--negative-5 {
      padding-right: -5rem; }
    header .md-p--negative-6,
    footer .md-p--negative-6 {
      padding: -6rem; }
    header .md-px--negative-6,
    footer .md-px--negative-6 {
      padding-left: -6rem;
      padding-right: -6rem; }
    header .md-py--negative-6,
    footer .md-py--negative-6 {
      padding-top: -6rem;
      padding-bottom: -6rem; }
    header .md-pt--negative-6,
    footer .md-pt--negative-6 {
      padding-top: -6rem; }
    header .md-pb--negative-6,
    footer .md-pb--negative-6 {
      padding-bottom: -6rem; }
    header .md-pl--negative-6,
    footer .md-pl--negative-6 {
      padding-left: -6rem; }
    header .md-pr--negative-6,
    footer .md-pr--negative-6 {
      padding-right: -6rem; }
    header .md-p--negative-7,
    footer .md-p--negative-7 {
      padding: -7rem; }
    header .md-px--negative-7,
    footer .md-px--negative-7 {
      padding-left: -7rem;
      padding-right: -7rem; }
    header .md-py--negative-7,
    footer .md-py--negative-7 {
      padding-top: -7rem;
      padding-bottom: -7rem; }
    header .md-pt--negative-7,
    footer .md-pt--negative-7 {
      padding-top: -7rem; }
    header .md-pb--negative-7,
    footer .md-pb--negative-7 {
      padding-bottom: -7rem; }
    header .md-pl--negative-7,
    footer .md-pl--negative-7 {
      padding-left: -7rem; }
    header .md-pr--negative-7,
    footer .md-pr--negative-7 {
      padding-right: -7rem; }
    header .md-p--negative-8,
    footer .md-p--negative-8 {
      padding: -8rem; }
    header .md-px--negative-8,
    footer .md-px--negative-8 {
      padding-left: -8rem;
      padding-right: -8rem; }
    header .md-py--negative-8,
    footer .md-py--negative-8 {
      padding-top: -8rem;
      padding-bottom: -8rem; }
    header .md-pt--negative-8,
    footer .md-pt--negative-8 {
      padding-top: -8rem; }
    header .md-pb--negative-8,
    footer .md-pb--negative-8 {
      padding-bottom: -8rem; }
    header .md-pl--negative-8,
    footer .md-pl--negative-8 {
      padding-left: -8rem; }
    header .md-pr--negative-8,
    footer .md-pr--negative-8 {
      padding-right: -8rem; }
    header .md-p--negative-9,
    footer .md-p--negative-9 {
      padding: -9rem; }
    header .md-px--negative-9,
    footer .md-px--negative-9 {
      padding-left: -9rem;
      padding-right: -9rem; }
    header .md-py--negative-9,
    footer .md-py--negative-9 {
      padding-top: -9rem;
      padding-bottom: -9rem; }
    header .md-pt--negative-9,
    footer .md-pt--negative-9 {
      padding-top: -9rem; }
    header .md-pb--negative-9,
    footer .md-pb--negative-9 {
      padding-bottom: -9rem; }
    header .md-pl--negative-9,
    footer .md-pl--negative-9 {
      padding-left: -9rem; }
    header .md-pr--negative-9,
    footer .md-pr--negative-9 {
      padding-right: -9rem; }
    header .md-p--negative-10,
    footer .md-p--negative-10 {
      padding: -10rem; }
    header .md-px--negative-10,
    footer .md-px--negative-10 {
      padding-left: -10rem;
      padding-right: -10rem; }
    header .md-py--negative-10,
    footer .md-py--negative-10 {
      padding-top: -10rem;
      padding-bottom: -10rem; }
    header .md-pt--negative-10,
    footer .md-pt--negative-10 {
      padding-top: -10rem; }
    header .md-pb--negative-10,
    footer .md-pb--negative-10 {
      padding-bottom: -10rem; }
    header .md-pl--negative-10,
    footer .md-pl--negative-10 {
      padding-left: -10rem; }
    header .md-pr--negative-10,
    footer .md-pr--negative-10 {
      padding-right: -10rem; }
    header .md-p--auto,
    footer .md-p--auto {
      padding: auto; }
    header .md-px--auto,
    footer .md-px--auto {
      padding-left: auto;
      padding-right: auto; }
    header .md-py--auto,
    footer .md-py--auto {
      padding-top: auto;
      padding-bottom: auto; }
    header .md-pt--auto,
    footer .md-pt--auto {
      padding-top: auto; }
    header .md-pb--auto,
    footer .md-pb--auto {
      padding-bottom: auto; }
    header .md-pl--auto,
    footer .md-pl--auto {
      padding-left: auto; }
    header .md-pr--auto,
    footer .md-pr--auto {
      padding-right: auto; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    header .md-only-mb--0-forced,
    footer .md-only-mb--0-forced {
      margin-bottom: 0 !important; }
    header .md-only-mb--1-forced,
    footer .md-only-mb--1-forced {
      margin-bottom: 1rem !important; }
    header .md-only-mb--half-forced,
    footer .md-only-mb--half-forced {
      margin-bottom: 0.5rem !important; }
    header .md-only-pb--0-forced,
    footer .md-only-pb--0-forced {
      padding-bottom: 0 !important; }
    header .md-only-px--1-forced,
    footer .md-only-px--1-forced {
      padding-left: 1rem !important;
      padding-right: 1rem !important; }
    header .md-only-my--0-forced,
    footer .md-only-my--0-forced {
      margin-bottom: 0 !important;
      margin-top: 0 !important; }
    header .md-only-px--half-forced,
    footer .md-only-px--half-forced {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important; }
    header .md-only-mt--1-forced,
    footer .md-only-mt--1-forced {
      margin-top: 1rem !important; }
    header .md-only-px--2-forced,
    footer .md-only-px--2-forced {
      padding-left: 2rem !important;
      padding-right: 2rem !important; }
    header .md-only-pr--2-forced,
    footer .md-only-pr--2-forced {
      padding-right: 2rem !important; }
    header .md-only-mr--1-forced,
    footer .md-only-mr--1-forced {
      margin-right: 2rem !important; }
    header .md-only-ml--0-forced,
    footer .md-only-ml--0-forced {
      margin-left: 0rem !important; }
    header .md-only-m--0,
    footer .md-only-m--0 {
      margin: 0rem; }
    header .md-only-mx--0,
    footer .md-only-mx--0 {
      margin-left: 0rem;
      margin-right: 0rem; }
    header .md-only-my--0,
    footer .md-only-my--0 {
      margin-top: 0rem;
      margin-bottom: 0rem; }
    header .md-only-mt--0,
    footer .md-only-mt--0 {
      margin-top: 0rem; }
    header .md-only-mb--0,
    footer .md-only-mb--0 {
      margin-bottom: 0rem; }
    header .md-only-ml--0,
    footer .md-only-ml--0 {
      margin-left: 0rem; }
    header .md-only-mr--0,
    footer .md-only-mr--0 {
      margin-right: 0rem; }
    header .md-only-m--quarter,
    footer .md-only-m--quarter {
      margin: 0.25rem; }
    header .md-only-mx--quarter,
    footer .md-only-mx--quarter {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }
    header .md-only-my--quarter,
    footer .md-only-my--quarter {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem; }
    header .md-only-mt--quarter,
    footer .md-only-mt--quarter {
      margin-top: 0.25rem; }
    header .md-only-mb--quarter,
    footer .md-only-mb--quarter {
      margin-bottom: 0.25rem; }
    header .md-only-ml--quarter,
    footer .md-only-ml--quarter {
      margin-left: 0.25rem; }
    header .md-only-mr--quarter,
    footer .md-only-mr--quarter {
      margin-right: 0.25rem; }
    header .md-only-m--half,
    footer .md-only-m--half {
      margin: 0.5rem; }
    header .md-only-mx--half,
    footer .md-only-mx--half {
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
    header .md-only-my--half,
    footer .md-only-my--half {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    header .md-only-mt--half,
    footer .md-only-mt--half {
      margin-top: 0.5rem; }
    header .md-only-mb--half,
    footer .md-only-mb--half {
      margin-bottom: 0.5rem; }
    header .md-only-ml--half,
    footer .md-only-ml--half {
      margin-left: 0.5rem; }
    header .md-only-mr--half,
    footer .md-only-mr--half {
      margin-right: 0.5rem; }
    header .md-only-m--3-quarters,
    footer .md-only-m--3-quarters {
      margin: 0.75rem; }
    header .md-only-mx--3-quarters,
    footer .md-only-mx--3-quarters {
      margin-left: 0.75rem;
      margin-right: 0.75rem; }
    header .md-only-my--3-quarters,
    footer .md-only-my--3-quarters {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem; }
    header .md-only-mt--3-quarters,
    footer .md-only-mt--3-quarters {
      margin-top: 0.75rem; }
    header .md-only-mb--3-quarters,
    footer .md-only-mb--3-quarters {
      margin-bottom: 0.75rem; }
    header .md-only-ml--3-quarters,
    footer .md-only-ml--3-quarters {
      margin-left: 0.75rem; }
    header .md-only-mr--3-quarters,
    footer .md-only-mr--3-quarters {
      margin-right: 0.75rem; }
    header .md-only-m--1,
    footer .md-only-m--1 {
      margin: 1rem; }
    header .md-only-mx--1,
    footer .md-only-mx--1 {
      margin-left: 1rem;
      margin-right: 1rem; }
    header .md-only-my--1,
    footer .md-only-my--1 {
      margin-top: 1rem;
      margin-bottom: 1rem; }
    header .md-only-mt--1,
    footer .md-only-mt--1 {
      margin-top: 1rem; }
    header .md-only-mb--1,
    footer .md-only-mb--1 {
      margin-bottom: 1rem; }
    header .md-only-ml--1,
    footer .md-only-ml--1 {
      margin-left: 1rem; }
    header .md-only-mr--1,
    footer .md-only-mr--1 {
      margin-right: 1rem; }
    header .md-only-m--1-half,
    footer .md-only-m--1-half {
      margin: 1.5rem; }
    header .md-only-mx--1-half,
    footer .md-only-mx--1-half {
      margin-left: 1.5rem;
      margin-right: 1.5rem; }
    header .md-only-my--1-half,
    footer .md-only-my--1-half {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; }
    header .md-only-mt--1-half,
    footer .md-only-mt--1-half {
      margin-top: 1.5rem; }
    header .md-only-mb--1-half,
    footer .md-only-mb--1-half {
      margin-bottom: 1.5rem; }
    header .md-only-ml--1-half,
    footer .md-only-ml--1-half {
      margin-left: 1.5rem; }
    header .md-only-mr--1-half,
    footer .md-only-mr--1-half {
      margin-right: 1.5rem; }
    header .md-only-m--2,
    footer .md-only-m--2 {
      margin: 2rem; }
    header .md-only-mx--2,
    footer .md-only-mx--2 {
      margin-left: 2rem;
      margin-right: 2rem; }
    header .md-only-my--2,
    footer .md-only-my--2 {
      margin-top: 2rem;
      margin-bottom: 2rem; }
    header .md-only-mt--2,
    footer .md-only-mt--2 {
      margin-top: 2rem; }
    header .md-only-mb--2,
    footer .md-only-mb--2 {
      margin-bottom: 2rem; }
    header .md-only-ml--2,
    footer .md-only-ml--2 {
      margin-left: 2rem; }
    header .md-only-mr--2,
    footer .md-only-mr--2 {
      margin-right: 2rem; }
    header .md-only-m--2-half,
    footer .md-only-m--2-half {
      margin: 2.5rem; }
    header .md-only-mx--2-half,
    footer .md-only-mx--2-half {
      margin-left: 2.5rem;
      margin-right: 2.5rem; }
    header .md-only-my--2-half,
    footer .md-only-my--2-half {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem; }
    header .md-only-mt--2-half,
    footer .md-only-mt--2-half {
      margin-top: 2.5rem; }
    header .md-only-mb--2-half,
    footer .md-only-mb--2-half {
      margin-bottom: 2.5rem; }
    header .md-only-ml--2-half,
    footer .md-only-ml--2-half {
      margin-left: 2.5rem; }
    header .md-only-mr--2-half,
    footer .md-only-mr--2-half {
      margin-right: 2.5rem; }
    header .md-only-m--3,
    footer .md-only-m--3 {
      margin: 3rem; }
    header .md-only-mx--3,
    footer .md-only-mx--3 {
      margin-left: 3rem;
      margin-right: 3rem; }
    header .md-only-my--3,
    footer .md-only-my--3 {
      margin-top: 3rem;
      margin-bottom: 3rem; }
    header .md-only-mt--3,
    footer .md-only-mt--3 {
      margin-top: 3rem; }
    header .md-only-mb--3,
    footer .md-only-mb--3 {
      margin-bottom: 3rem; }
    header .md-only-ml--3,
    footer .md-only-ml--3 {
      margin-left: 3rem; }
    header .md-only-mr--3,
    footer .md-only-mr--3 {
      margin-right: 3rem; }
    header .md-only-m--3-half,
    footer .md-only-m--3-half {
      margin: 3.5rem; }
    header .md-only-mx--3-half,
    footer .md-only-mx--3-half {
      margin-left: 3.5rem;
      margin-right: 3.5rem; }
    header .md-only-my--3-half,
    footer .md-only-my--3-half {
      margin-top: 3.5rem;
      margin-bottom: 3.5rem; }
    header .md-only-mt--3-half,
    footer .md-only-mt--3-half {
      margin-top: 3.5rem; }
    header .md-only-mb--3-half,
    footer .md-only-mb--3-half {
      margin-bottom: 3.5rem; }
    header .md-only-ml--3-half,
    footer .md-only-ml--3-half {
      margin-left: 3.5rem; }
    header .md-only-mr--3-half,
    footer .md-only-mr--3-half {
      margin-right: 3.5rem; }
    header .md-only-m--4,
    footer .md-only-m--4 {
      margin: 4rem; }
    header .md-only-mx--4,
    footer .md-only-mx--4 {
      margin-left: 4rem;
      margin-right: 4rem; }
    header .md-only-my--4,
    footer .md-only-my--4 {
      margin-top: 4rem;
      margin-bottom: 4rem; }
    header .md-only-mt--4,
    footer .md-only-mt--4 {
      margin-top: 4rem; }
    header .md-only-mb--4,
    footer .md-only-mb--4 {
      margin-bottom: 4rem; }
    header .md-only-ml--4,
    footer .md-only-ml--4 {
      margin-left: 4rem; }
    header .md-only-mr--4,
    footer .md-only-mr--4 {
      margin-right: 4rem; }
    header .md-only-m--4-half,
    footer .md-only-m--4-half {
      margin: 4.5rem; }
    header .md-only-mx--4-half,
    footer .md-only-mx--4-half {
      margin-left: 4.5rem;
      margin-right: 4.5rem; }
    header .md-only-my--4-half,
    footer .md-only-my--4-half {
      margin-top: 4.5rem;
      margin-bottom: 4.5rem; }
    header .md-only-mt--4-half,
    footer .md-only-mt--4-half {
      margin-top: 4.5rem; }
    header .md-only-mb--4-half,
    footer .md-only-mb--4-half {
      margin-bottom: 4.5rem; }
    header .md-only-ml--4-half,
    footer .md-only-ml--4-half {
      margin-left: 4.5rem; }
    header .md-only-mr--4-half,
    footer .md-only-mr--4-half {
      margin-right: 4.5rem; }
    header .md-only-m--5,
    footer .md-only-m--5 {
      margin: 5rem; }
    header .md-only-mx--5,
    footer .md-only-mx--5 {
      margin-left: 5rem;
      margin-right: 5rem; }
    header .md-only-my--5,
    footer .md-only-my--5 {
      margin-top: 5rem;
      margin-bottom: 5rem; }
    header .md-only-mt--5,
    footer .md-only-mt--5 {
      margin-top: 5rem; }
    header .md-only-mb--5,
    footer .md-only-mb--5 {
      margin-bottom: 5rem; }
    header .md-only-ml--5,
    footer .md-only-ml--5 {
      margin-left: 5rem; }
    header .md-only-mr--5,
    footer .md-only-mr--5 {
      margin-right: 5rem; }
    header .md-only-m--5-half,
    footer .md-only-m--5-half {
      margin: 5.5rem; }
    header .md-only-mx--5-half,
    footer .md-only-mx--5-half {
      margin-left: 5.5rem;
      margin-right: 5.5rem; }
    header .md-only-my--5-half,
    footer .md-only-my--5-half {
      margin-top: 5.5rem;
      margin-bottom: 5.5rem; }
    header .md-only-mt--5-half,
    footer .md-only-mt--5-half {
      margin-top: 5.5rem; }
    header .md-only-mb--5-half,
    footer .md-only-mb--5-half {
      margin-bottom: 5.5rem; }
    header .md-only-ml--5-half,
    footer .md-only-ml--5-half {
      margin-left: 5.5rem; }
    header .md-only-mr--5-half,
    footer .md-only-mr--5-half {
      margin-right: 5.5rem; }
    header .md-only-m--6,
    footer .md-only-m--6 {
      margin: 6rem; }
    header .md-only-mx--6,
    footer .md-only-mx--6 {
      margin-left: 6rem;
      margin-right: 6rem; }
    header .md-only-my--6,
    footer .md-only-my--6 {
      margin-top: 6rem;
      margin-bottom: 6rem; }
    header .md-only-mt--6,
    footer .md-only-mt--6 {
      margin-top: 6rem; }
    header .md-only-mb--6,
    footer .md-only-mb--6 {
      margin-bottom: 6rem; }
    header .md-only-ml--6,
    footer .md-only-ml--6 {
      margin-left: 6rem; }
    header .md-only-mr--6,
    footer .md-only-mr--6 {
      margin-right: 6rem; }
    header .md-only-m--6-half,
    footer .md-only-m--6-half {
      margin: 6.5rem; }
    header .md-only-mx--6-half,
    footer .md-only-mx--6-half {
      margin-left: 6.5rem;
      margin-right: 6.5rem; }
    header .md-only-my--6-half,
    footer .md-only-my--6-half {
      margin-top: 6.5rem;
      margin-bottom: 6.5rem; }
    header .md-only-mt--6-half,
    footer .md-only-mt--6-half {
      margin-top: 6.5rem; }
    header .md-only-mb--6-half,
    footer .md-only-mb--6-half {
      margin-bottom: 6.5rem; }
    header .md-only-ml--6-half,
    footer .md-only-ml--6-half {
      margin-left: 6.5rem; }
    header .md-only-mr--6-half,
    footer .md-only-mr--6-half {
      margin-right: 6.5rem; }
    header .md-only-m--7,
    footer .md-only-m--7 {
      margin: 7rem; }
    header .md-only-mx--7,
    footer .md-only-mx--7 {
      margin-left: 7rem;
      margin-right: 7rem; }
    header .md-only-my--7,
    footer .md-only-my--7 {
      margin-top: 7rem;
      margin-bottom: 7rem; }
    header .md-only-mt--7,
    footer .md-only-mt--7 {
      margin-top: 7rem; }
    header .md-only-mb--7,
    footer .md-only-mb--7 {
      margin-bottom: 7rem; }
    header .md-only-ml--7,
    footer .md-only-ml--7 {
      margin-left: 7rem; }
    header .md-only-mr--7,
    footer .md-only-mr--7 {
      margin-right: 7rem; }
    header .md-only-m--7-half,
    footer .md-only-m--7-half {
      margin: 7.5rem; }
    header .md-only-mx--7-half,
    footer .md-only-mx--7-half {
      margin-left: 7.5rem;
      margin-right: 7.5rem; }
    header .md-only-my--7-half,
    footer .md-only-my--7-half {
      margin-top: 7.5rem;
      margin-bottom: 7.5rem; }
    header .md-only-mt--7-half,
    footer .md-only-mt--7-half {
      margin-top: 7.5rem; }
    header .md-only-mb--7-half,
    footer .md-only-mb--7-half {
      margin-bottom: 7.5rem; }
    header .md-only-ml--7-half,
    footer .md-only-ml--7-half {
      margin-left: 7.5rem; }
    header .md-only-mr--7-half,
    footer .md-only-mr--7-half {
      margin-right: 7.5rem; }
    header .md-only-m--8,
    footer .md-only-m--8 {
      margin: 8rem; }
    header .md-only-mx--8,
    footer .md-only-mx--8 {
      margin-left: 8rem;
      margin-right: 8rem; }
    header .md-only-my--8,
    footer .md-only-my--8 {
      margin-top: 8rem;
      margin-bottom: 8rem; }
    header .md-only-mt--8,
    footer .md-only-mt--8 {
      margin-top: 8rem; }
    header .md-only-mb--8,
    footer .md-only-mb--8 {
      margin-bottom: 8rem; }
    header .md-only-ml--8,
    footer .md-only-ml--8 {
      margin-left: 8rem; }
    header .md-only-mr--8,
    footer .md-only-mr--8 {
      margin-right: 8rem; }
    header .md-only-m--9,
    footer .md-only-m--9 {
      margin: 9rem; }
    header .md-only-mx--9,
    footer .md-only-mx--9 {
      margin-left: 9rem;
      margin-right: 9rem; }
    header .md-only-my--9,
    footer .md-only-my--9 {
      margin-top: 9rem;
      margin-bottom: 9rem; }
    header .md-only-mt--9,
    footer .md-only-mt--9 {
      margin-top: 9rem; }
    header .md-only-mb--9,
    footer .md-only-mb--9 {
      margin-bottom: 9rem; }
    header .md-only-ml--9,
    footer .md-only-ml--9 {
      margin-left: 9rem; }
    header .md-only-mr--9,
    footer .md-only-mr--9 {
      margin-right: 9rem; }
    header .md-only-m--10,
    footer .md-only-m--10 {
      margin: 10rem; }
    header .md-only-mx--10,
    footer .md-only-mx--10 {
      margin-left: 10rem;
      margin-right: 10rem; }
    header .md-only-my--10,
    footer .md-only-my--10 {
      margin-top: 10rem;
      margin-bottom: 10rem; }
    header .md-only-mt--10,
    footer .md-only-mt--10 {
      margin-top: 10rem; }
    header .md-only-mb--10,
    footer .md-only-mb--10 {
      margin-bottom: 10rem; }
    header .md-only-ml--10,
    footer .md-only-ml--10 {
      margin-left: 10rem; }
    header .md-only-mr--10,
    footer .md-only-mr--10 {
      margin-right: 10rem; }
    header .md-only-m--11,
    footer .md-only-m--11 {
      margin: 11rem; }
    header .md-only-mx--11,
    footer .md-only-mx--11 {
      margin-left: 11rem;
      margin-right: 11rem; }
    header .md-only-my--11,
    footer .md-only-my--11 {
      margin-top: 11rem;
      margin-bottom: 11rem; }
    header .md-only-mt--11,
    footer .md-only-mt--11 {
      margin-top: 11rem; }
    header .md-only-mb--11,
    footer .md-only-mb--11 {
      margin-bottom: 11rem; }
    header .md-only-ml--11,
    footer .md-only-ml--11 {
      margin-left: 11rem; }
    header .md-only-mr--11,
    footer .md-only-mr--11 {
      margin-right: 11rem; }
    header .md-only-m--12,
    footer .md-only-m--12 {
      margin: 12rem; }
    header .md-only-mx--12,
    footer .md-only-mx--12 {
      margin-left: 12rem;
      margin-right: 12rem; }
    header .md-only-my--12,
    footer .md-only-my--12 {
      margin-top: 12rem;
      margin-bottom: 12rem; }
    header .md-only-mt--12,
    footer .md-only-mt--12 {
      margin-top: 12rem; }
    header .md-only-mb--12,
    footer .md-only-mb--12 {
      margin-bottom: 12rem; }
    header .md-only-ml--12,
    footer .md-only-ml--12 {
      margin-left: 12rem; }
    header .md-only-mr--12,
    footer .md-only-mr--12 {
      margin-right: 12rem; }
    header .md-only-m--13,
    footer .md-only-m--13 {
      margin: 13rem; }
    header .md-only-mx--13,
    footer .md-only-mx--13 {
      margin-left: 13rem;
      margin-right: 13rem; }
    header .md-only-my--13,
    footer .md-only-my--13 {
      margin-top: 13rem;
      margin-bottom: 13rem; }
    header .md-only-mt--13,
    footer .md-only-mt--13 {
      margin-top: 13rem; }
    header .md-only-mb--13,
    footer .md-only-mb--13 {
      margin-bottom: 13rem; }
    header .md-only-ml--13,
    footer .md-only-ml--13 {
      margin-left: 13rem; }
    header .md-only-mr--13,
    footer .md-only-mr--13 {
      margin-right: 13rem; }
    header .md-only-m--14,
    footer .md-only-m--14 {
      margin: 14rem; }
    header .md-only-mx--14,
    footer .md-only-mx--14 {
      margin-left: 14rem;
      margin-right: 14rem; }
    header .md-only-my--14,
    footer .md-only-my--14 {
      margin-top: 14rem;
      margin-bottom: 14rem; }
    header .md-only-mt--14,
    footer .md-only-mt--14 {
      margin-top: 14rem; }
    header .md-only-mb--14,
    footer .md-only-mb--14 {
      margin-bottom: 14rem; }
    header .md-only-ml--14,
    footer .md-only-ml--14 {
      margin-left: 14rem; }
    header .md-only-mr--14,
    footer .md-only-mr--14 {
      margin-right: 14rem; }
    header .md-only-m--15,
    footer .md-only-m--15 {
      margin: 15rem; }
    header .md-only-mx--15,
    footer .md-only-mx--15 {
      margin-left: 15rem;
      margin-right: 15rem; }
    header .md-only-my--15,
    footer .md-only-my--15 {
      margin-top: 15rem;
      margin-bottom: 15rem; }
    header .md-only-mt--15,
    footer .md-only-mt--15 {
      margin-top: 15rem; }
    header .md-only-mb--15,
    footer .md-only-mb--15 {
      margin-bottom: 15rem; }
    header .md-only-ml--15,
    footer .md-only-ml--15 {
      margin-left: 15rem; }
    header .md-only-mr--15,
    footer .md-only-mr--15 {
      margin-right: 15rem; }
    header .md-only-m--16,
    footer .md-only-m--16 {
      margin: 16rem; }
    header .md-only-mx--16,
    footer .md-only-mx--16 {
      margin-left: 16rem;
      margin-right: 16rem; }
    header .md-only-my--16,
    footer .md-only-my--16 {
      margin-top: 16rem;
      margin-bottom: 16rem; }
    header .md-only-mt--16,
    footer .md-only-mt--16 {
      margin-top: 16rem; }
    header .md-only-mb--16,
    footer .md-only-mb--16 {
      margin-bottom: 16rem; }
    header .md-only-ml--16,
    footer .md-only-ml--16 {
      margin-left: 16rem; }
    header .md-only-mr--16,
    footer .md-only-mr--16 {
      margin-right: 16rem; }
    header .md-only-m--17,
    footer .md-only-m--17 {
      margin: 17rem; }
    header .md-only-mx--17,
    footer .md-only-mx--17 {
      margin-left: 17rem;
      margin-right: 17rem; }
    header .md-only-my--17,
    footer .md-only-my--17 {
      margin-top: 17rem;
      margin-bottom: 17rem; }
    header .md-only-mt--17,
    footer .md-only-mt--17 {
      margin-top: 17rem; }
    header .md-only-mb--17,
    footer .md-only-mb--17 {
      margin-bottom: 17rem; }
    header .md-only-ml--17,
    footer .md-only-ml--17 {
      margin-left: 17rem; }
    header .md-only-mr--17,
    footer .md-only-mr--17 {
      margin-right: 17rem; }
    header .md-only-m--18,
    footer .md-only-m--18 {
      margin: 18rem; }
    header .md-only-mx--18,
    footer .md-only-mx--18 {
      margin-left: 18rem;
      margin-right: 18rem; }
    header .md-only-my--18,
    footer .md-only-my--18 {
      margin-top: 18rem;
      margin-bottom: 18rem; }
    header .md-only-mt--18,
    footer .md-only-mt--18 {
      margin-top: 18rem; }
    header .md-only-mb--18,
    footer .md-only-mb--18 {
      margin-bottom: 18rem; }
    header .md-only-ml--18,
    footer .md-only-ml--18 {
      margin-left: 18rem; }
    header .md-only-mr--18,
    footer .md-only-mr--18 {
      margin-right: 18rem; }
    header .md-only-m--19,
    footer .md-only-m--19 {
      margin: 19rem; }
    header .md-only-mx--19,
    footer .md-only-mx--19 {
      margin-left: 19rem;
      margin-right: 19rem; }
    header .md-only-my--19,
    footer .md-only-my--19 {
      margin-top: 19rem;
      margin-bottom: 19rem; }
    header .md-only-mt--19,
    footer .md-only-mt--19 {
      margin-top: 19rem; }
    header .md-only-mb--19,
    footer .md-only-mb--19 {
      margin-bottom: 19rem; }
    header .md-only-ml--19,
    footer .md-only-ml--19 {
      margin-left: 19rem; }
    header .md-only-mr--19,
    footer .md-only-mr--19 {
      margin-right: 19rem; }
    header .md-only-m--20,
    footer .md-only-m--20 {
      margin: 20rem; }
    header .md-only-mx--20,
    footer .md-only-mx--20 {
      margin-left: 20rem;
      margin-right: 20rem; }
    header .md-only-my--20,
    footer .md-only-my--20 {
      margin-top: 20rem;
      margin-bottom: 20rem; }
    header .md-only-mt--20,
    footer .md-only-mt--20 {
      margin-top: 20rem; }
    header .md-only-mb--20,
    footer .md-only-mb--20 {
      margin-bottom: 20rem; }
    header .md-only-ml--20,
    footer .md-only-ml--20 {
      margin-left: 20rem; }
    header .md-only-mr--20,
    footer .md-only-mr--20 {
      margin-right: 20rem; }
    header .md-only-m--negative-quarter,
    footer .md-only-m--negative-quarter {
      margin: -0.25rem; }
    header .md-only-mx--negative-quarter,
    footer .md-only-mx--negative-quarter {
      margin-left: -0.25rem;
      margin-right: -0.25rem; }
    header .md-only-my--negative-quarter,
    footer .md-only-my--negative-quarter {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem; }
    header .md-only-mt--negative-quarter,
    footer .md-only-mt--negative-quarter {
      margin-top: -0.25rem; }
    header .md-only-mb--negative-quarter,
    footer .md-only-mb--negative-quarter {
      margin-bottom: -0.25rem; }
    header .md-only-ml--negative-quarter,
    footer .md-only-ml--negative-quarter {
      margin-left: -0.25rem; }
    header .md-only-mr--negative-quarter,
    footer .md-only-mr--negative-quarter {
      margin-right: -0.25rem; }
    header .md-only-m--negative-3-quarters,
    footer .md-only-m--negative-3-quarters {
      margin: -0.75rem; }
    header .md-only-mx--negative-3-quarters,
    footer .md-only-mx--negative-3-quarters {
      margin-left: -0.75rem;
      margin-right: -0.75rem; }
    header .md-only-my--negative-3-quarters,
    footer .md-only-my--negative-3-quarters {
      margin-top: -0.75rem;
      margin-bottom: -0.75rem; }
    header .md-only-mt--negative-3-quarters,
    footer .md-only-mt--negative-3-quarters {
      margin-top: -0.75rem; }
    header .md-only-mb--negative-3-quarters,
    footer .md-only-mb--negative-3-quarters {
      margin-bottom: -0.75rem; }
    header .md-only-ml--negative-3-quarters,
    footer .md-only-ml--negative-3-quarters {
      margin-left: -0.75rem; }
    header .md-only-mr--negative-3-quarters,
    footer .md-only-mr--negative-3-quarters {
      margin-right: -0.75rem; }
    header .md-only-m--negative-half,
    footer .md-only-m--negative-half {
      margin: -0.5rem; }
    header .md-only-mx--negative-half,
    footer .md-only-mx--negative-half {
      margin-left: -0.5rem;
      margin-right: -0.5rem; }
    header .md-only-my--negative-half,
    footer .md-only-my--negative-half {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem; }
    header .md-only-mt--negative-half,
    footer .md-only-mt--negative-half {
      margin-top: -0.5rem; }
    header .md-only-mb--negative-half,
    footer .md-only-mb--negative-half {
      margin-bottom: -0.5rem; }
    header .md-only-ml--negative-half,
    footer .md-only-ml--negative-half {
      margin-left: -0.5rem; }
    header .md-only-mr--negative-half,
    footer .md-only-mr--negative-half {
      margin-right: -0.5rem; }
    header .md-only-m--negative-1,
    footer .md-only-m--negative-1 {
      margin: -1rem; }
    header .md-only-mx--negative-1,
    footer .md-only-mx--negative-1 {
      margin-left: -1rem;
      margin-right: -1rem; }
    header .md-only-my--negative-1,
    footer .md-only-my--negative-1 {
      margin-top: -1rem;
      margin-bottom: -1rem; }
    header .md-only-mt--negative-1,
    footer .md-only-mt--negative-1 {
      margin-top: -1rem; }
    header .md-only-mb--negative-1,
    footer .md-only-mb--negative-1 {
      margin-bottom: -1rem; }
    header .md-only-ml--negative-1,
    footer .md-only-ml--negative-1 {
      margin-left: -1rem; }
    header .md-only-mr--negative-1,
    footer .md-only-mr--negative-1 {
      margin-right: -1rem; }
    header .md-only-m--negative-1-half,
    footer .md-only-m--negative-1-half {
      margin: -1.5rem; }
    header .md-only-mx--negative-1-half,
    footer .md-only-mx--negative-1-half {
      margin-left: -1.5rem;
      margin-right: -1.5rem; }
    header .md-only-my--negative-1-half,
    footer .md-only-my--negative-1-half {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem; }
    header .md-only-mt--negative-1-half,
    footer .md-only-mt--negative-1-half {
      margin-top: -1.5rem; }
    header .md-only-mb--negative-1-half,
    footer .md-only-mb--negative-1-half {
      margin-bottom: -1.5rem; }
    header .md-only-ml--negative-1-half,
    footer .md-only-ml--negative-1-half {
      margin-left: -1.5rem; }
    header .md-only-mr--negative-1-half,
    footer .md-only-mr--negative-1-half {
      margin-right: -1.5rem; }
    header .md-only-m--negative-2,
    footer .md-only-m--negative-2 {
      margin: -2rem; }
    header .md-only-mx--negative-2,
    footer .md-only-mx--negative-2 {
      margin-left: -2rem;
      margin-right: -2rem; }
    header .md-only-my--negative-2,
    footer .md-only-my--negative-2 {
      margin-top: -2rem;
      margin-bottom: -2rem; }
    header .md-only-mt--negative-2,
    footer .md-only-mt--negative-2 {
      margin-top: -2rem; }
    header .md-only-mb--negative-2,
    footer .md-only-mb--negative-2 {
      margin-bottom: -2rem; }
    header .md-only-ml--negative-2,
    footer .md-only-ml--negative-2 {
      margin-left: -2rem; }
    header .md-only-mr--negative-2,
    footer .md-only-mr--negative-2 {
      margin-right: -2rem; }
    header .md-only-m--negative-3,
    footer .md-only-m--negative-3 {
      margin: -3rem; }
    header .md-only-mx--negative-3,
    footer .md-only-mx--negative-3 {
      margin-left: -3rem;
      margin-right: -3rem; }
    header .md-only-my--negative-3,
    footer .md-only-my--negative-3 {
      margin-top: -3rem;
      margin-bottom: -3rem; }
    header .md-only-mt--negative-3,
    footer .md-only-mt--negative-3 {
      margin-top: -3rem; }
    header .md-only-mb--negative-3,
    footer .md-only-mb--negative-3 {
      margin-bottom: -3rem; }
    header .md-only-ml--negative-3,
    footer .md-only-ml--negative-3 {
      margin-left: -3rem; }
    header .md-only-mr--negative-3,
    footer .md-only-mr--negative-3 {
      margin-right: -3rem; }
    header .md-only-m--negative-4,
    footer .md-only-m--negative-4 {
      margin: -4rem; }
    header .md-only-mx--negative-4,
    footer .md-only-mx--negative-4 {
      margin-left: -4rem;
      margin-right: -4rem; }
    header .md-only-my--negative-4,
    footer .md-only-my--negative-4 {
      margin-top: -4rem;
      margin-bottom: -4rem; }
    header .md-only-mt--negative-4,
    footer .md-only-mt--negative-4 {
      margin-top: -4rem; }
    header .md-only-mb--negative-4,
    footer .md-only-mb--negative-4 {
      margin-bottom: -4rem; }
    header .md-only-ml--negative-4,
    footer .md-only-ml--negative-4 {
      margin-left: -4rem; }
    header .md-only-mr--negative-4,
    footer .md-only-mr--negative-4 {
      margin-right: -4rem; }
    header .md-only-m--negative-5,
    footer .md-only-m--negative-5 {
      margin: -5rem; }
    header .md-only-mx--negative-5,
    footer .md-only-mx--negative-5 {
      margin-left: -5rem;
      margin-right: -5rem; }
    header .md-only-my--negative-5,
    footer .md-only-my--negative-5 {
      margin-top: -5rem;
      margin-bottom: -5rem; }
    header .md-only-mt--negative-5,
    footer .md-only-mt--negative-5 {
      margin-top: -5rem; }
    header .md-only-mb--negative-5,
    footer .md-only-mb--negative-5 {
      margin-bottom: -5rem; }
    header .md-only-ml--negative-5,
    footer .md-only-ml--negative-5 {
      margin-left: -5rem; }
    header .md-only-mr--negative-5,
    footer .md-only-mr--negative-5 {
      margin-right: -5rem; }
    header .md-only-m--negative-6,
    footer .md-only-m--negative-6 {
      margin: -6rem; }
    header .md-only-mx--negative-6,
    footer .md-only-mx--negative-6 {
      margin-left: -6rem;
      margin-right: -6rem; }
    header .md-only-my--negative-6,
    footer .md-only-my--negative-6 {
      margin-top: -6rem;
      margin-bottom: -6rem; }
    header .md-only-mt--negative-6,
    footer .md-only-mt--negative-6 {
      margin-top: -6rem; }
    header .md-only-mb--negative-6,
    footer .md-only-mb--negative-6 {
      margin-bottom: -6rem; }
    header .md-only-ml--negative-6,
    footer .md-only-ml--negative-6 {
      margin-left: -6rem; }
    header .md-only-mr--negative-6,
    footer .md-only-mr--negative-6 {
      margin-right: -6rem; }
    header .md-only-m--negative-7,
    footer .md-only-m--negative-7 {
      margin: -7rem; }
    header .md-only-mx--negative-7,
    footer .md-only-mx--negative-7 {
      margin-left: -7rem;
      margin-right: -7rem; }
    header .md-only-my--negative-7,
    footer .md-only-my--negative-7 {
      margin-top: -7rem;
      margin-bottom: -7rem; }
    header .md-only-mt--negative-7,
    footer .md-only-mt--negative-7 {
      margin-top: -7rem; }
    header .md-only-mb--negative-7,
    footer .md-only-mb--negative-7 {
      margin-bottom: -7rem; }
    header .md-only-ml--negative-7,
    footer .md-only-ml--negative-7 {
      margin-left: -7rem; }
    header .md-only-mr--negative-7,
    footer .md-only-mr--negative-7 {
      margin-right: -7rem; }
    header .md-only-m--negative-8,
    footer .md-only-m--negative-8 {
      margin: -8rem; }
    header .md-only-mx--negative-8,
    footer .md-only-mx--negative-8 {
      margin-left: -8rem;
      margin-right: -8rem; }
    header .md-only-my--negative-8,
    footer .md-only-my--negative-8 {
      margin-top: -8rem;
      margin-bottom: -8rem; }
    header .md-only-mt--negative-8,
    footer .md-only-mt--negative-8 {
      margin-top: -8rem; }
    header .md-only-mb--negative-8,
    footer .md-only-mb--negative-8 {
      margin-bottom: -8rem; }
    header .md-only-ml--negative-8,
    footer .md-only-ml--negative-8 {
      margin-left: -8rem; }
    header .md-only-mr--negative-8,
    footer .md-only-mr--negative-8 {
      margin-right: -8rem; }
    header .md-only-m--negative-9,
    footer .md-only-m--negative-9 {
      margin: -9rem; }
    header .md-only-mx--negative-9,
    footer .md-only-mx--negative-9 {
      margin-left: -9rem;
      margin-right: -9rem; }
    header .md-only-my--negative-9,
    footer .md-only-my--negative-9 {
      margin-top: -9rem;
      margin-bottom: -9rem; }
    header .md-only-mt--negative-9,
    footer .md-only-mt--negative-9 {
      margin-top: -9rem; }
    header .md-only-mb--negative-9,
    footer .md-only-mb--negative-9 {
      margin-bottom: -9rem; }
    header .md-only-ml--negative-9,
    footer .md-only-ml--negative-9 {
      margin-left: -9rem; }
    header .md-only-mr--negative-9,
    footer .md-only-mr--negative-9 {
      margin-right: -9rem; }
    header .md-only-m--negative-10,
    footer .md-only-m--negative-10 {
      margin: -10rem; }
    header .md-only-mx--negative-10,
    footer .md-only-mx--negative-10 {
      margin-left: -10rem;
      margin-right: -10rem; }
    header .md-only-my--negative-10,
    footer .md-only-my--negative-10 {
      margin-top: -10rem;
      margin-bottom: -10rem; }
    header .md-only-mt--negative-10,
    footer .md-only-mt--negative-10 {
      margin-top: -10rem; }
    header .md-only-mb--negative-10,
    footer .md-only-mb--negative-10 {
      margin-bottom: -10rem; }
    header .md-only-ml--negative-10,
    footer .md-only-ml--negative-10 {
      margin-left: -10rem; }
    header .md-only-mr--negative-10,
    footer .md-only-mr--negative-10 {
      margin-right: -10rem; }
    header .md-only-m--auto,
    footer .md-only-m--auto {
      margin: auto; }
    header .md-only-mx--auto,
    footer .md-only-mx--auto {
      margin-left: auto;
      margin-right: auto; }
    header .md-only-my--auto,
    footer .md-only-my--auto {
      margin-top: auto;
      margin-bottom: auto; }
    header .md-only-mt--auto,
    footer .md-only-mt--auto {
      margin-top: auto; }
    header .md-only-mb--auto,
    footer .md-only-mb--auto {
      margin-bottom: auto; }
    header .md-only-ml--auto,
    footer .md-only-ml--auto {
      margin-left: auto; }
    header .md-only-mr--auto,
    footer .md-only-mr--auto {
      margin-right: auto; }
    header .md-only-p--0,
    footer .md-only-p--0 {
      padding: 0rem; }
    header .md-only-px--0,
    footer .md-only-px--0 {
      padding-left: 0rem;
      padding-right: 0rem; }
    header .md-only-py--0,
    footer .md-only-py--0 {
      padding-top: 0rem;
      padding-bottom: 0rem; }
    header .md-only-pt--0,
    footer .md-only-pt--0 {
      padding-top: 0rem; }
    header .md-only-pb--0,
    footer .md-only-pb--0 {
      padding-bottom: 0rem; }
    header .md-only-pl--0,
    footer .md-only-pl--0 {
      padding-left: 0rem; }
    header .md-only-pr--0,
    footer .md-only-pr--0 {
      padding-right: 0rem; }
    header .md-only-p--quarter,
    footer .md-only-p--quarter {
      padding: 0.25rem; }
    header .md-only-px--quarter,
    footer .md-only-px--quarter {
      padding-left: 0.25rem;
      padding-right: 0.25rem; }
    header .md-only-py--quarter,
    footer .md-only-py--quarter {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem; }
    header .md-only-pt--quarter,
    footer .md-only-pt--quarter {
      padding-top: 0.25rem; }
    header .md-only-pb--quarter,
    footer .md-only-pb--quarter {
      padding-bottom: 0.25rem; }
    header .md-only-pl--quarter,
    footer .md-only-pl--quarter {
      padding-left: 0.25rem; }
    header .md-only-pr--quarter,
    footer .md-only-pr--quarter {
      padding-right: 0.25rem; }
    header .md-only-p--half,
    footer .md-only-p--half {
      padding: 0.5rem; }
    header .md-only-px--half,
    footer .md-only-px--half {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
    header .md-only-py--half,
    footer .md-only-py--half {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    header .md-only-pt--half,
    footer .md-only-pt--half {
      padding-top: 0.5rem; }
    header .md-only-pb--half,
    footer .md-only-pb--half {
      padding-bottom: 0.5rem; }
    header .md-only-pl--half,
    footer .md-only-pl--half {
      padding-left: 0.5rem; }
    header .md-only-pr--half,
    footer .md-only-pr--half {
      padding-right: 0.5rem; }
    header .md-only-p--3-quarters,
    footer .md-only-p--3-quarters {
      padding: 0.75rem; }
    header .md-only-px--3-quarters,
    footer .md-only-px--3-quarters {
      padding-left: 0.75rem;
      padding-right: 0.75rem; }
    header .md-only-py--3-quarters,
    footer .md-only-py--3-quarters {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
    header .md-only-pt--3-quarters,
    footer .md-only-pt--3-quarters {
      padding-top: 0.75rem; }
    header .md-only-pb--3-quarters,
    footer .md-only-pb--3-quarters {
      padding-bottom: 0.75rem; }
    header .md-only-pl--3-quarters,
    footer .md-only-pl--3-quarters {
      padding-left: 0.75rem; }
    header .md-only-pr--3-quarters,
    footer .md-only-pr--3-quarters {
      padding-right: 0.75rem; }
    header .md-only-p--1,
    footer .md-only-p--1 {
      padding: 1rem; }
    header .md-only-px--1,
    footer .md-only-px--1 {
      padding-left: 1rem;
      padding-right: 1rem; }
    header .md-only-py--1,
    footer .md-only-py--1 {
      padding-top: 1rem;
      padding-bottom: 1rem; }
    header .md-only-pt--1,
    footer .md-only-pt--1 {
      padding-top: 1rem; }
    header .md-only-pb--1,
    footer .md-only-pb--1 {
      padding-bottom: 1rem; }
    header .md-only-pl--1,
    footer .md-only-pl--1 {
      padding-left: 1rem; }
    header .md-only-pr--1,
    footer .md-only-pr--1 {
      padding-right: 1rem; }
    header .md-only-p--1-half,
    footer .md-only-p--1-half {
      padding: 1.5rem; }
    header .md-only-px--1-half,
    footer .md-only-px--1-half {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
    header .md-only-py--1-half,
    footer .md-only-py--1-half {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
    header .md-only-pt--1-half,
    footer .md-only-pt--1-half {
      padding-top: 1.5rem; }
    header .md-only-pb--1-half,
    footer .md-only-pb--1-half {
      padding-bottom: 1.5rem; }
    header .md-only-pl--1-half,
    footer .md-only-pl--1-half {
      padding-left: 1.5rem; }
    header .md-only-pr--1-half,
    footer .md-only-pr--1-half {
      padding-right: 1.5rem; }
    header .md-only-p--2,
    footer .md-only-p--2 {
      padding: 2rem; }
    header .md-only-px--2,
    footer .md-only-px--2 {
      padding-left: 2rem;
      padding-right: 2rem; }
    header .md-only-py--2,
    footer .md-only-py--2 {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    header .md-only-pt--2,
    footer .md-only-pt--2 {
      padding-top: 2rem; }
    header .md-only-pb--2,
    footer .md-only-pb--2 {
      padding-bottom: 2rem; }
    header .md-only-pl--2,
    footer .md-only-pl--2 {
      padding-left: 2rem; }
    header .md-only-pr--2,
    footer .md-only-pr--2 {
      padding-right: 2rem; }
    header .md-only-p--2-half,
    footer .md-only-p--2-half {
      padding: 2.5rem; }
    header .md-only-px--2-half,
    footer .md-only-px--2-half {
      padding-left: 2.5rem;
      padding-right: 2.5rem; }
    header .md-only-py--2-half,
    footer .md-only-py--2-half {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
    header .md-only-pt--2-half,
    footer .md-only-pt--2-half {
      padding-top: 2.5rem; }
    header .md-only-pb--2-half,
    footer .md-only-pb--2-half {
      padding-bottom: 2.5rem; }
    header .md-only-pl--2-half,
    footer .md-only-pl--2-half {
      padding-left: 2.5rem; }
    header .md-only-pr--2-half,
    footer .md-only-pr--2-half {
      padding-right: 2.5rem; }
    header .md-only-p--3,
    footer .md-only-p--3 {
      padding: 3rem; }
    header .md-only-px--3,
    footer .md-only-px--3 {
      padding-left: 3rem;
      padding-right: 3rem; }
    header .md-only-py--3,
    footer .md-only-py--3 {
      padding-top: 3rem;
      padding-bottom: 3rem; }
    header .md-only-pt--3,
    footer .md-only-pt--3 {
      padding-top: 3rem; }
    header .md-only-pb--3,
    footer .md-only-pb--3 {
      padding-bottom: 3rem; }
    header .md-only-pl--3,
    footer .md-only-pl--3 {
      padding-left: 3rem; }
    header .md-only-pr--3,
    footer .md-only-pr--3 {
      padding-right: 3rem; }
    header .md-only-p--3-half,
    footer .md-only-p--3-half {
      padding: 3.5rem; }
    header .md-only-px--3-half,
    footer .md-only-px--3-half {
      padding-left: 3.5rem;
      padding-right: 3.5rem; }
    header .md-only-py--3-half,
    footer .md-only-py--3-half {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem; }
    header .md-only-pt--3-half,
    footer .md-only-pt--3-half {
      padding-top: 3.5rem; }
    header .md-only-pb--3-half,
    footer .md-only-pb--3-half {
      padding-bottom: 3.5rem; }
    header .md-only-pl--3-half,
    footer .md-only-pl--3-half {
      padding-left: 3.5rem; }
    header .md-only-pr--3-half,
    footer .md-only-pr--3-half {
      padding-right: 3.5rem; }
    header .md-only-p--4,
    footer .md-only-p--4 {
      padding: 4rem; }
    header .md-only-px--4,
    footer .md-only-px--4 {
      padding-left: 4rem;
      padding-right: 4rem; }
    header .md-only-py--4,
    footer .md-only-py--4 {
      padding-top: 4rem;
      padding-bottom: 4rem; }
    header .md-only-pt--4,
    footer .md-only-pt--4 {
      padding-top: 4rem; }
    header .md-only-pb--4,
    footer .md-only-pb--4 {
      padding-bottom: 4rem; }
    header .md-only-pl--4,
    footer .md-only-pl--4 {
      padding-left: 4rem; }
    header .md-only-pr--4,
    footer .md-only-pr--4 {
      padding-right: 4rem; }
    header .md-only-p--4-half,
    footer .md-only-p--4-half {
      padding: 4.5rem; }
    header .md-only-px--4-half,
    footer .md-only-px--4-half {
      padding-left: 4.5rem;
      padding-right: 4.5rem; }
    header .md-only-py--4-half,
    footer .md-only-py--4-half {
      padding-top: 4.5rem;
      padding-bottom: 4.5rem; }
    header .md-only-pt--4-half,
    footer .md-only-pt--4-half {
      padding-top: 4.5rem; }
    header .md-only-pb--4-half,
    footer .md-only-pb--4-half {
      padding-bottom: 4.5rem; }
    header .md-only-pl--4-half,
    footer .md-only-pl--4-half {
      padding-left: 4.5rem; }
    header .md-only-pr--4-half,
    footer .md-only-pr--4-half {
      padding-right: 4.5rem; }
    header .md-only-p--5,
    footer .md-only-p--5 {
      padding: 5rem; }
    header .md-only-px--5,
    footer .md-only-px--5 {
      padding-left: 5rem;
      padding-right: 5rem; }
    header .md-only-py--5,
    footer .md-only-py--5 {
      padding-top: 5rem;
      padding-bottom: 5rem; }
    header .md-only-pt--5,
    footer .md-only-pt--5 {
      padding-top: 5rem; }
    header .md-only-pb--5,
    footer .md-only-pb--5 {
      padding-bottom: 5rem; }
    header .md-only-pl--5,
    footer .md-only-pl--5 {
      padding-left: 5rem; }
    header .md-only-pr--5,
    footer .md-only-pr--5 {
      padding-right: 5rem; }
    header .md-only-p--5-half,
    footer .md-only-p--5-half {
      padding: 5.5rem; }
    header .md-only-px--5-half,
    footer .md-only-px--5-half {
      padding-left: 5.5rem;
      padding-right: 5.5rem; }
    header .md-only-py--5-half,
    footer .md-only-py--5-half {
      padding-top: 5.5rem;
      padding-bottom: 5.5rem; }
    header .md-only-pt--5-half,
    footer .md-only-pt--5-half {
      padding-top: 5.5rem; }
    header .md-only-pb--5-half,
    footer .md-only-pb--5-half {
      padding-bottom: 5.5rem; }
    header .md-only-pl--5-half,
    footer .md-only-pl--5-half {
      padding-left: 5.5rem; }
    header .md-only-pr--5-half,
    footer .md-only-pr--5-half {
      padding-right: 5.5rem; }
    header .md-only-p--6,
    footer .md-only-p--6 {
      padding: 6rem; }
    header .md-only-px--6,
    footer .md-only-px--6 {
      padding-left: 6rem;
      padding-right: 6rem; }
    header .md-only-py--6,
    footer .md-only-py--6 {
      padding-top: 6rem;
      padding-bottom: 6rem; }
    header .md-only-pt--6,
    footer .md-only-pt--6 {
      padding-top: 6rem; }
    header .md-only-pb--6,
    footer .md-only-pb--6 {
      padding-bottom: 6rem; }
    header .md-only-pl--6,
    footer .md-only-pl--6 {
      padding-left: 6rem; }
    header .md-only-pr--6,
    footer .md-only-pr--6 {
      padding-right: 6rem; }
    header .md-only-p--6-half,
    footer .md-only-p--6-half {
      padding: 6.5rem; }
    header .md-only-px--6-half,
    footer .md-only-px--6-half {
      padding-left: 6.5rem;
      padding-right: 6.5rem; }
    header .md-only-py--6-half,
    footer .md-only-py--6-half {
      padding-top: 6.5rem;
      padding-bottom: 6.5rem; }
    header .md-only-pt--6-half,
    footer .md-only-pt--6-half {
      padding-top: 6.5rem; }
    header .md-only-pb--6-half,
    footer .md-only-pb--6-half {
      padding-bottom: 6.5rem; }
    header .md-only-pl--6-half,
    footer .md-only-pl--6-half {
      padding-left: 6.5rem; }
    header .md-only-pr--6-half,
    footer .md-only-pr--6-half {
      padding-right: 6.5rem; }
    header .md-only-p--7,
    footer .md-only-p--7 {
      padding: 7rem; }
    header .md-only-px--7,
    footer .md-only-px--7 {
      padding-left: 7rem;
      padding-right: 7rem; }
    header .md-only-py--7,
    footer .md-only-py--7 {
      padding-top: 7rem;
      padding-bottom: 7rem; }
    header .md-only-pt--7,
    footer .md-only-pt--7 {
      padding-top: 7rem; }
    header .md-only-pb--7,
    footer .md-only-pb--7 {
      padding-bottom: 7rem; }
    header .md-only-pl--7,
    footer .md-only-pl--7 {
      padding-left: 7rem; }
    header .md-only-pr--7,
    footer .md-only-pr--7 {
      padding-right: 7rem; }
    header .md-only-p--7-half,
    footer .md-only-p--7-half {
      padding: 7.5rem; }
    header .md-only-px--7-half,
    footer .md-only-px--7-half {
      padding-left: 7.5rem;
      padding-right: 7.5rem; }
    header .md-only-py--7-half,
    footer .md-only-py--7-half {
      padding-top: 7.5rem;
      padding-bottom: 7.5rem; }
    header .md-only-pt--7-half,
    footer .md-only-pt--7-half {
      padding-top: 7.5rem; }
    header .md-only-pb--7-half,
    footer .md-only-pb--7-half {
      padding-bottom: 7.5rem; }
    header .md-only-pl--7-half,
    footer .md-only-pl--7-half {
      padding-left: 7.5rem; }
    header .md-only-pr--7-half,
    footer .md-only-pr--7-half {
      padding-right: 7.5rem; }
    header .md-only-p--8,
    footer .md-only-p--8 {
      padding: 8rem; }
    header .md-only-px--8,
    footer .md-only-px--8 {
      padding-left: 8rem;
      padding-right: 8rem; }
    header .md-only-py--8,
    footer .md-only-py--8 {
      padding-top: 8rem;
      padding-bottom: 8rem; }
    header .md-only-pt--8,
    footer .md-only-pt--8 {
      padding-top: 8rem; }
    header .md-only-pb--8,
    footer .md-only-pb--8 {
      padding-bottom: 8rem; }
    header .md-only-pl--8,
    footer .md-only-pl--8 {
      padding-left: 8rem; }
    header .md-only-pr--8,
    footer .md-only-pr--8 {
      padding-right: 8rem; }
    header .md-only-p--9,
    footer .md-only-p--9 {
      padding: 9rem; }
    header .md-only-px--9,
    footer .md-only-px--9 {
      padding-left: 9rem;
      padding-right: 9rem; }
    header .md-only-py--9,
    footer .md-only-py--9 {
      padding-top: 9rem;
      padding-bottom: 9rem; }
    header .md-only-pt--9,
    footer .md-only-pt--9 {
      padding-top: 9rem; }
    header .md-only-pb--9,
    footer .md-only-pb--9 {
      padding-bottom: 9rem; }
    header .md-only-pl--9,
    footer .md-only-pl--9 {
      padding-left: 9rem; }
    header .md-only-pr--9,
    footer .md-only-pr--9 {
      padding-right: 9rem; }
    header .md-only-p--10,
    footer .md-only-p--10 {
      padding: 10rem; }
    header .md-only-px--10,
    footer .md-only-px--10 {
      padding-left: 10rem;
      padding-right: 10rem; }
    header .md-only-py--10,
    footer .md-only-py--10 {
      padding-top: 10rem;
      padding-bottom: 10rem; }
    header .md-only-pt--10,
    footer .md-only-pt--10 {
      padding-top: 10rem; }
    header .md-only-pb--10,
    footer .md-only-pb--10 {
      padding-bottom: 10rem; }
    header .md-only-pl--10,
    footer .md-only-pl--10 {
      padding-left: 10rem; }
    header .md-only-pr--10,
    footer .md-only-pr--10 {
      padding-right: 10rem; }
    header .md-only-p--11,
    footer .md-only-p--11 {
      padding: 11rem; }
    header .md-only-px--11,
    footer .md-only-px--11 {
      padding-left: 11rem;
      padding-right: 11rem; }
    header .md-only-py--11,
    footer .md-only-py--11 {
      padding-top: 11rem;
      padding-bottom: 11rem; }
    header .md-only-pt--11,
    footer .md-only-pt--11 {
      padding-top: 11rem; }
    header .md-only-pb--11,
    footer .md-only-pb--11 {
      padding-bottom: 11rem; }
    header .md-only-pl--11,
    footer .md-only-pl--11 {
      padding-left: 11rem; }
    header .md-only-pr--11,
    footer .md-only-pr--11 {
      padding-right: 11rem; }
    header .md-only-p--12,
    footer .md-only-p--12 {
      padding: 12rem; }
    header .md-only-px--12,
    footer .md-only-px--12 {
      padding-left: 12rem;
      padding-right: 12rem; }
    header .md-only-py--12,
    footer .md-only-py--12 {
      padding-top: 12rem;
      padding-bottom: 12rem; }
    header .md-only-pt--12,
    footer .md-only-pt--12 {
      padding-top: 12rem; }
    header .md-only-pb--12,
    footer .md-only-pb--12 {
      padding-bottom: 12rem; }
    header .md-only-pl--12,
    footer .md-only-pl--12 {
      padding-left: 12rem; }
    header .md-only-pr--12,
    footer .md-only-pr--12 {
      padding-right: 12rem; }
    header .md-only-p--13,
    footer .md-only-p--13 {
      padding: 13rem; }
    header .md-only-px--13,
    footer .md-only-px--13 {
      padding-left: 13rem;
      padding-right: 13rem; }
    header .md-only-py--13,
    footer .md-only-py--13 {
      padding-top: 13rem;
      padding-bottom: 13rem; }
    header .md-only-pt--13,
    footer .md-only-pt--13 {
      padding-top: 13rem; }
    header .md-only-pb--13,
    footer .md-only-pb--13 {
      padding-bottom: 13rem; }
    header .md-only-pl--13,
    footer .md-only-pl--13 {
      padding-left: 13rem; }
    header .md-only-pr--13,
    footer .md-only-pr--13 {
      padding-right: 13rem; }
    header .md-only-p--14,
    footer .md-only-p--14 {
      padding: 14rem; }
    header .md-only-px--14,
    footer .md-only-px--14 {
      padding-left: 14rem;
      padding-right: 14rem; }
    header .md-only-py--14,
    footer .md-only-py--14 {
      padding-top: 14rem;
      padding-bottom: 14rem; }
    header .md-only-pt--14,
    footer .md-only-pt--14 {
      padding-top: 14rem; }
    header .md-only-pb--14,
    footer .md-only-pb--14 {
      padding-bottom: 14rem; }
    header .md-only-pl--14,
    footer .md-only-pl--14 {
      padding-left: 14rem; }
    header .md-only-pr--14,
    footer .md-only-pr--14 {
      padding-right: 14rem; }
    header .md-only-p--15,
    footer .md-only-p--15 {
      padding: 15rem; }
    header .md-only-px--15,
    footer .md-only-px--15 {
      padding-left: 15rem;
      padding-right: 15rem; }
    header .md-only-py--15,
    footer .md-only-py--15 {
      padding-top: 15rem;
      padding-bottom: 15rem; }
    header .md-only-pt--15,
    footer .md-only-pt--15 {
      padding-top: 15rem; }
    header .md-only-pb--15,
    footer .md-only-pb--15 {
      padding-bottom: 15rem; }
    header .md-only-pl--15,
    footer .md-only-pl--15 {
      padding-left: 15rem; }
    header .md-only-pr--15,
    footer .md-only-pr--15 {
      padding-right: 15rem; }
    header .md-only-p--16,
    footer .md-only-p--16 {
      padding: 16rem; }
    header .md-only-px--16,
    footer .md-only-px--16 {
      padding-left: 16rem;
      padding-right: 16rem; }
    header .md-only-py--16,
    footer .md-only-py--16 {
      padding-top: 16rem;
      padding-bottom: 16rem; }
    header .md-only-pt--16,
    footer .md-only-pt--16 {
      padding-top: 16rem; }
    header .md-only-pb--16,
    footer .md-only-pb--16 {
      padding-bottom: 16rem; }
    header .md-only-pl--16,
    footer .md-only-pl--16 {
      padding-left: 16rem; }
    header .md-only-pr--16,
    footer .md-only-pr--16 {
      padding-right: 16rem; }
    header .md-only-p--17,
    footer .md-only-p--17 {
      padding: 17rem; }
    header .md-only-px--17,
    footer .md-only-px--17 {
      padding-left: 17rem;
      padding-right: 17rem; }
    header .md-only-py--17,
    footer .md-only-py--17 {
      padding-top: 17rem;
      padding-bottom: 17rem; }
    header .md-only-pt--17,
    footer .md-only-pt--17 {
      padding-top: 17rem; }
    header .md-only-pb--17,
    footer .md-only-pb--17 {
      padding-bottom: 17rem; }
    header .md-only-pl--17,
    footer .md-only-pl--17 {
      padding-left: 17rem; }
    header .md-only-pr--17,
    footer .md-only-pr--17 {
      padding-right: 17rem; }
    header .md-only-p--18,
    footer .md-only-p--18 {
      padding: 18rem; }
    header .md-only-px--18,
    footer .md-only-px--18 {
      padding-left: 18rem;
      padding-right: 18rem; }
    header .md-only-py--18,
    footer .md-only-py--18 {
      padding-top: 18rem;
      padding-bottom: 18rem; }
    header .md-only-pt--18,
    footer .md-only-pt--18 {
      padding-top: 18rem; }
    header .md-only-pb--18,
    footer .md-only-pb--18 {
      padding-bottom: 18rem; }
    header .md-only-pl--18,
    footer .md-only-pl--18 {
      padding-left: 18rem; }
    header .md-only-pr--18,
    footer .md-only-pr--18 {
      padding-right: 18rem; }
    header .md-only-p--19,
    footer .md-only-p--19 {
      padding: 19rem; }
    header .md-only-px--19,
    footer .md-only-px--19 {
      padding-left: 19rem;
      padding-right: 19rem; }
    header .md-only-py--19,
    footer .md-only-py--19 {
      padding-top: 19rem;
      padding-bottom: 19rem; }
    header .md-only-pt--19,
    footer .md-only-pt--19 {
      padding-top: 19rem; }
    header .md-only-pb--19,
    footer .md-only-pb--19 {
      padding-bottom: 19rem; }
    header .md-only-pl--19,
    footer .md-only-pl--19 {
      padding-left: 19rem; }
    header .md-only-pr--19,
    footer .md-only-pr--19 {
      padding-right: 19rem; }
    header .md-only-p--20,
    footer .md-only-p--20 {
      padding: 20rem; }
    header .md-only-px--20,
    footer .md-only-px--20 {
      padding-left: 20rem;
      padding-right: 20rem; }
    header .md-only-py--20,
    footer .md-only-py--20 {
      padding-top: 20rem;
      padding-bottom: 20rem; }
    header .md-only-pt--20,
    footer .md-only-pt--20 {
      padding-top: 20rem; }
    header .md-only-pb--20,
    footer .md-only-pb--20 {
      padding-bottom: 20rem; }
    header .md-only-pl--20,
    footer .md-only-pl--20 {
      padding-left: 20rem; }
    header .md-only-pr--20,
    footer .md-only-pr--20 {
      padding-right: 20rem; }
    header .md-only-p--negative-quarter,
    footer .md-only-p--negative-quarter {
      padding: -0.25rem; }
    header .md-only-px--negative-quarter,
    footer .md-only-px--negative-quarter {
      padding-left: -0.25rem;
      padding-right: -0.25rem; }
    header .md-only-py--negative-quarter,
    footer .md-only-py--negative-quarter {
      padding-top: -0.25rem;
      padding-bottom: -0.25rem; }
    header .md-only-pt--negative-quarter,
    footer .md-only-pt--negative-quarter {
      padding-top: -0.25rem; }
    header .md-only-pb--negative-quarter,
    footer .md-only-pb--negative-quarter {
      padding-bottom: -0.25rem; }
    header .md-only-pl--negative-quarter,
    footer .md-only-pl--negative-quarter {
      padding-left: -0.25rem; }
    header .md-only-pr--negative-quarter,
    footer .md-only-pr--negative-quarter {
      padding-right: -0.25rem; }
    header .md-only-p--negative-3-quarters,
    footer .md-only-p--negative-3-quarters {
      padding: -0.75rem; }
    header .md-only-px--negative-3-quarters,
    footer .md-only-px--negative-3-quarters {
      padding-left: -0.75rem;
      padding-right: -0.75rem; }
    header .md-only-py--negative-3-quarters,
    footer .md-only-py--negative-3-quarters {
      padding-top: -0.75rem;
      padding-bottom: -0.75rem; }
    header .md-only-pt--negative-3-quarters,
    footer .md-only-pt--negative-3-quarters {
      padding-top: -0.75rem; }
    header .md-only-pb--negative-3-quarters,
    footer .md-only-pb--negative-3-quarters {
      padding-bottom: -0.75rem; }
    header .md-only-pl--negative-3-quarters,
    footer .md-only-pl--negative-3-quarters {
      padding-left: -0.75rem; }
    header .md-only-pr--negative-3-quarters,
    footer .md-only-pr--negative-3-quarters {
      padding-right: -0.75rem; }
    header .md-only-p--negative-half,
    footer .md-only-p--negative-half {
      padding: -0.5rem; }
    header .md-only-px--negative-half,
    footer .md-only-px--negative-half {
      padding-left: -0.5rem;
      padding-right: -0.5rem; }
    header .md-only-py--negative-half,
    footer .md-only-py--negative-half {
      padding-top: -0.5rem;
      padding-bottom: -0.5rem; }
    header .md-only-pt--negative-half,
    footer .md-only-pt--negative-half {
      padding-top: -0.5rem; }
    header .md-only-pb--negative-half,
    footer .md-only-pb--negative-half {
      padding-bottom: -0.5rem; }
    header .md-only-pl--negative-half,
    footer .md-only-pl--negative-half {
      padding-left: -0.5rem; }
    header .md-only-pr--negative-half,
    footer .md-only-pr--negative-half {
      padding-right: -0.5rem; }
    header .md-only-p--negative-1,
    footer .md-only-p--negative-1 {
      padding: -1rem; }
    header .md-only-px--negative-1,
    footer .md-only-px--negative-1 {
      padding-left: -1rem;
      padding-right: -1rem; }
    header .md-only-py--negative-1,
    footer .md-only-py--negative-1 {
      padding-top: -1rem;
      padding-bottom: -1rem; }
    header .md-only-pt--negative-1,
    footer .md-only-pt--negative-1 {
      padding-top: -1rem; }
    header .md-only-pb--negative-1,
    footer .md-only-pb--negative-1 {
      padding-bottom: -1rem; }
    header .md-only-pl--negative-1,
    footer .md-only-pl--negative-1 {
      padding-left: -1rem; }
    header .md-only-pr--negative-1,
    footer .md-only-pr--negative-1 {
      padding-right: -1rem; }
    header .md-only-p--negative-1-half,
    footer .md-only-p--negative-1-half {
      padding: -1.5rem; }
    header .md-only-px--negative-1-half,
    footer .md-only-px--negative-1-half {
      padding-left: -1.5rem;
      padding-right: -1.5rem; }
    header .md-only-py--negative-1-half,
    footer .md-only-py--negative-1-half {
      padding-top: -1.5rem;
      padding-bottom: -1.5rem; }
    header .md-only-pt--negative-1-half,
    footer .md-only-pt--negative-1-half {
      padding-top: -1.5rem; }
    header .md-only-pb--negative-1-half,
    footer .md-only-pb--negative-1-half {
      padding-bottom: -1.5rem; }
    header .md-only-pl--negative-1-half,
    footer .md-only-pl--negative-1-half {
      padding-left: -1.5rem; }
    header .md-only-pr--negative-1-half,
    footer .md-only-pr--negative-1-half {
      padding-right: -1.5rem; }
    header .md-only-p--negative-2,
    footer .md-only-p--negative-2 {
      padding: -2rem; }
    header .md-only-px--negative-2,
    footer .md-only-px--negative-2 {
      padding-left: -2rem;
      padding-right: -2rem; }
    header .md-only-py--negative-2,
    footer .md-only-py--negative-2 {
      padding-top: -2rem;
      padding-bottom: -2rem; }
    header .md-only-pt--negative-2,
    footer .md-only-pt--negative-2 {
      padding-top: -2rem; }
    header .md-only-pb--negative-2,
    footer .md-only-pb--negative-2 {
      padding-bottom: -2rem; }
    header .md-only-pl--negative-2,
    footer .md-only-pl--negative-2 {
      padding-left: -2rem; }
    header .md-only-pr--negative-2,
    footer .md-only-pr--negative-2 {
      padding-right: -2rem; }
    header .md-only-p--negative-3,
    footer .md-only-p--negative-3 {
      padding: -3rem; }
    header .md-only-px--negative-3,
    footer .md-only-px--negative-3 {
      padding-left: -3rem;
      padding-right: -3rem; }
    header .md-only-py--negative-3,
    footer .md-only-py--negative-3 {
      padding-top: -3rem;
      padding-bottom: -3rem; }
    header .md-only-pt--negative-3,
    footer .md-only-pt--negative-3 {
      padding-top: -3rem; }
    header .md-only-pb--negative-3,
    footer .md-only-pb--negative-3 {
      padding-bottom: -3rem; }
    header .md-only-pl--negative-3,
    footer .md-only-pl--negative-3 {
      padding-left: -3rem; }
    header .md-only-pr--negative-3,
    footer .md-only-pr--negative-3 {
      padding-right: -3rem; }
    header .md-only-p--negative-4,
    footer .md-only-p--negative-4 {
      padding: -4rem; }
    header .md-only-px--negative-4,
    footer .md-only-px--negative-4 {
      padding-left: -4rem;
      padding-right: -4rem; }
    header .md-only-py--negative-4,
    footer .md-only-py--negative-4 {
      padding-top: -4rem;
      padding-bottom: -4rem; }
    header .md-only-pt--negative-4,
    footer .md-only-pt--negative-4 {
      padding-top: -4rem; }
    header .md-only-pb--negative-4,
    footer .md-only-pb--negative-4 {
      padding-bottom: -4rem; }
    header .md-only-pl--negative-4,
    footer .md-only-pl--negative-4 {
      padding-left: -4rem; }
    header .md-only-pr--negative-4,
    footer .md-only-pr--negative-4 {
      padding-right: -4rem; }
    header .md-only-p--negative-5,
    footer .md-only-p--negative-5 {
      padding: -5rem; }
    header .md-only-px--negative-5,
    footer .md-only-px--negative-5 {
      padding-left: -5rem;
      padding-right: -5rem; }
    header .md-only-py--negative-5,
    footer .md-only-py--negative-5 {
      padding-top: -5rem;
      padding-bottom: -5rem; }
    header .md-only-pt--negative-5,
    footer .md-only-pt--negative-5 {
      padding-top: -5rem; }
    header .md-only-pb--negative-5,
    footer .md-only-pb--negative-5 {
      padding-bottom: -5rem; }
    header .md-only-pl--negative-5,
    footer .md-only-pl--negative-5 {
      padding-left: -5rem; }
    header .md-only-pr--negative-5,
    footer .md-only-pr--negative-5 {
      padding-right: -5rem; }
    header .md-only-p--negative-6,
    footer .md-only-p--negative-6 {
      padding: -6rem; }
    header .md-only-px--negative-6,
    footer .md-only-px--negative-6 {
      padding-left: -6rem;
      padding-right: -6rem; }
    header .md-only-py--negative-6,
    footer .md-only-py--negative-6 {
      padding-top: -6rem;
      padding-bottom: -6rem; }
    header .md-only-pt--negative-6,
    footer .md-only-pt--negative-6 {
      padding-top: -6rem; }
    header .md-only-pb--negative-6,
    footer .md-only-pb--negative-6 {
      padding-bottom: -6rem; }
    header .md-only-pl--negative-6,
    footer .md-only-pl--negative-6 {
      padding-left: -6rem; }
    header .md-only-pr--negative-6,
    footer .md-only-pr--negative-6 {
      padding-right: -6rem; }
    header .md-only-p--negative-7,
    footer .md-only-p--negative-7 {
      padding: -7rem; }
    header .md-only-px--negative-7,
    footer .md-only-px--negative-7 {
      padding-left: -7rem;
      padding-right: -7rem; }
    header .md-only-py--negative-7,
    footer .md-only-py--negative-7 {
      padding-top: -7rem;
      padding-bottom: -7rem; }
    header .md-only-pt--negative-7,
    footer .md-only-pt--negative-7 {
      padding-top: -7rem; }
    header .md-only-pb--negative-7,
    footer .md-only-pb--negative-7 {
      padding-bottom: -7rem; }
    header .md-only-pl--negative-7,
    footer .md-only-pl--negative-7 {
      padding-left: -7rem; }
    header .md-only-pr--negative-7,
    footer .md-only-pr--negative-7 {
      padding-right: -7rem; }
    header .md-only-p--negative-8,
    footer .md-only-p--negative-8 {
      padding: -8rem; }
    header .md-only-px--negative-8,
    footer .md-only-px--negative-8 {
      padding-left: -8rem;
      padding-right: -8rem; }
    header .md-only-py--negative-8,
    footer .md-only-py--negative-8 {
      padding-top: -8rem;
      padding-bottom: -8rem; }
    header .md-only-pt--negative-8,
    footer .md-only-pt--negative-8 {
      padding-top: -8rem; }
    header .md-only-pb--negative-8,
    footer .md-only-pb--negative-8 {
      padding-bottom: -8rem; }
    header .md-only-pl--negative-8,
    footer .md-only-pl--negative-8 {
      padding-left: -8rem; }
    header .md-only-pr--negative-8,
    footer .md-only-pr--negative-8 {
      padding-right: -8rem; }
    header .md-only-p--negative-9,
    footer .md-only-p--negative-9 {
      padding: -9rem; }
    header .md-only-px--negative-9,
    footer .md-only-px--negative-9 {
      padding-left: -9rem;
      padding-right: -9rem; }
    header .md-only-py--negative-9,
    footer .md-only-py--negative-9 {
      padding-top: -9rem;
      padding-bottom: -9rem; }
    header .md-only-pt--negative-9,
    footer .md-only-pt--negative-9 {
      padding-top: -9rem; }
    header .md-only-pb--negative-9,
    footer .md-only-pb--negative-9 {
      padding-bottom: -9rem; }
    header .md-only-pl--negative-9,
    footer .md-only-pl--negative-9 {
      padding-left: -9rem; }
    header .md-only-pr--negative-9,
    footer .md-only-pr--negative-9 {
      padding-right: -9rem; }
    header .md-only-p--negative-10,
    footer .md-only-p--negative-10 {
      padding: -10rem; }
    header .md-only-px--negative-10,
    footer .md-only-px--negative-10 {
      padding-left: -10rem;
      padding-right: -10rem; }
    header .md-only-py--negative-10,
    footer .md-only-py--negative-10 {
      padding-top: -10rem;
      padding-bottom: -10rem; }
    header .md-only-pt--negative-10,
    footer .md-only-pt--negative-10 {
      padding-top: -10rem; }
    header .md-only-pb--negative-10,
    footer .md-only-pb--negative-10 {
      padding-bottom: -10rem; }
    header .md-only-pl--negative-10,
    footer .md-only-pl--negative-10 {
      padding-left: -10rem; }
    header .md-only-pr--negative-10,
    footer .md-only-pr--negative-10 {
      padding-right: -10rem; }
    header .md-only-p--auto,
    footer .md-only-p--auto {
      padding: auto; }
    header .md-only-px--auto,
    footer .md-only-px--auto {
      padding-left: auto;
      padding-right: auto; }
    header .md-only-py--auto,
    footer .md-only-py--auto {
      padding-top: auto;
      padding-bottom: auto; }
    header .md-only-pt--auto,
    footer .md-only-pt--auto {
      padding-top: auto; }
    header .md-only-pb--auto,
    footer .md-only-pb--auto {
      padding-bottom: auto; }
    header .md-only-pl--auto,
    footer .md-only-pl--auto {
      padding-left: auto; }
    header .md-only-pr--auto,
    footer .md-only-pr--auto {
      padding-right: auto; } }
  @media screen and (min-width: 63.9375rem) {
    header .lg-mb--0-forced,
    footer .lg-mb--0-forced {
      margin-bottom: 0 !important; }
    header .lg-mb--1-forced,
    footer .lg-mb--1-forced {
      margin-bottom: 1rem !important; }
    header .lg-mb--half-forced,
    footer .lg-mb--half-forced {
      margin-bottom: 0.5rem !important; }
    header .lg-pb--0-forced,
    footer .lg-pb--0-forced {
      padding-bottom: 0 !important; }
    header .lg-px--1-forced,
    footer .lg-px--1-forced {
      padding-left: 1rem !important;
      padding-right: 1rem !important; }
    header .lg-my--0-forced,
    footer .lg-my--0-forced {
      margin-bottom: 0 !important;
      margin-top: 0 !important; }
    header .lg-px--half-forced,
    footer .lg-px--half-forced {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important; }
    header .lg-mt--1-forced,
    footer .lg-mt--1-forced {
      margin-top: 1rem !important; }
    header .lg-px--2-forced,
    footer .lg-px--2-forced {
      padding-left: 2rem !important;
      padding-right: 2rem !important; }
    header .lg-pr--2-forced,
    footer .lg-pr--2-forced {
      padding-right: 2rem !important; }
    header .lg-mr--1-forced,
    footer .lg-mr--1-forced {
      margin-right: 2rem !important; }
    header .lg-ml--0-forced,
    footer .lg-ml--0-forced {
      margin-left: 0rem !important; }
    header .lg-m--0,
    footer .lg-m--0 {
      margin: 0rem; }
    header .lg-mx--0,
    footer .lg-mx--0 {
      margin-left: 0rem;
      margin-right: 0rem; }
    header .lg-my--0,
    footer .lg-my--0 {
      margin-top: 0rem;
      margin-bottom: 0rem; }
    header .lg-mt--0,
    footer .lg-mt--0 {
      margin-top: 0rem; }
    header .lg-mb--0,
    footer .lg-mb--0 {
      margin-bottom: 0rem; }
    header .lg-ml--0,
    footer .lg-ml--0 {
      margin-left: 0rem; }
    header .lg-mr--0,
    footer .lg-mr--0 {
      margin-right: 0rem; }
    header .lg-m--quarter,
    footer .lg-m--quarter {
      margin: 0.25rem; }
    header .lg-mx--quarter,
    footer .lg-mx--quarter {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }
    header .lg-my--quarter,
    footer .lg-my--quarter {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem; }
    header .lg-mt--quarter,
    footer .lg-mt--quarter {
      margin-top: 0.25rem; }
    header .lg-mb--quarter,
    footer .lg-mb--quarter {
      margin-bottom: 0.25rem; }
    header .lg-ml--quarter,
    footer .lg-ml--quarter {
      margin-left: 0.25rem; }
    header .lg-mr--quarter,
    footer .lg-mr--quarter {
      margin-right: 0.25rem; }
    header .lg-m--half,
    footer .lg-m--half {
      margin: 0.5rem; }
    header .lg-mx--half,
    footer .lg-mx--half {
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
    header .lg-my--half,
    footer .lg-my--half {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    header .lg-mt--half,
    footer .lg-mt--half {
      margin-top: 0.5rem; }
    header .lg-mb--half,
    footer .lg-mb--half {
      margin-bottom: 0.5rem; }
    header .lg-ml--half,
    footer .lg-ml--half {
      margin-left: 0.5rem; }
    header .lg-mr--half,
    footer .lg-mr--half {
      margin-right: 0.5rem; }
    header .lg-m--3-quarters,
    footer .lg-m--3-quarters {
      margin: 0.75rem; }
    header .lg-mx--3-quarters,
    footer .lg-mx--3-quarters {
      margin-left: 0.75rem;
      margin-right: 0.75rem; }
    header .lg-my--3-quarters,
    footer .lg-my--3-quarters {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem; }
    header .lg-mt--3-quarters,
    footer .lg-mt--3-quarters {
      margin-top: 0.75rem; }
    header .lg-mb--3-quarters,
    footer .lg-mb--3-quarters {
      margin-bottom: 0.75rem; }
    header .lg-ml--3-quarters,
    footer .lg-ml--3-quarters {
      margin-left: 0.75rem; }
    header .lg-mr--3-quarters,
    footer .lg-mr--3-quarters {
      margin-right: 0.75rem; }
    header .lg-m--1,
    footer .lg-m--1 {
      margin: 1rem; }
    header .lg-mx--1,
    footer .lg-mx--1 {
      margin-left: 1rem;
      margin-right: 1rem; }
    header .lg-my--1,
    footer .lg-my--1 {
      margin-top: 1rem;
      margin-bottom: 1rem; }
    header .lg-mt--1,
    footer .lg-mt--1 {
      margin-top: 1rem; }
    header .lg-mb--1,
    footer .lg-mb--1 {
      margin-bottom: 1rem; }
    header .lg-ml--1,
    footer .lg-ml--1 {
      margin-left: 1rem; }
    header .lg-mr--1,
    footer .lg-mr--1 {
      margin-right: 1rem; }
    header .lg-m--1-half,
    footer .lg-m--1-half {
      margin: 1.5rem; }
    header .lg-mx--1-half,
    footer .lg-mx--1-half {
      margin-left: 1.5rem;
      margin-right: 1.5rem; }
    header .lg-my--1-half,
    footer .lg-my--1-half {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; }
    header .lg-mt--1-half,
    footer .lg-mt--1-half {
      margin-top: 1.5rem; }
    header .lg-mb--1-half,
    footer .lg-mb--1-half {
      margin-bottom: 1.5rem; }
    header .lg-ml--1-half,
    footer .lg-ml--1-half {
      margin-left: 1.5rem; }
    header .lg-mr--1-half,
    footer .lg-mr--1-half {
      margin-right: 1.5rem; }
    header .lg-m--2,
    footer .lg-m--2 {
      margin: 2rem; }
    header .lg-mx--2,
    footer .lg-mx--2 {
      margin-left: 2rem;
      margin-right: 2rem; }
    header .lg-my--2,
    footer .lg-my--2 {
      margin-top: 2rem;
      margin-bottom: 2rem; }
    header .lg-mt--2,
    footer .lg-mt--2 {
      margin-top: 2rem; }
    header .lg-mb--2,
    footer .lg-mb--2 {
      margin-bottom: 2rem; }
    header .lg-ml--2,
    footer .lg-ml--2 {
      margin-left: 2rem; }
    header .lg-mr--2,
    footer .lg-mr--2 {
      margin-right: 2rem; }
    header .lg-m--2-half,
    footer .lg-m--2-half {
      margin: 2.5rem; }
    header .lg-mx--2-half,
    footer .lg-mx--2-half {
      margin-left: 2.5rem;
      margin-right: 2.5rem; }
    header .lg-my--2-half,
    footer .lg-my--2-half {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem; }
    header .lg-mt--2-half,
    footer .lg-mt--2-half {
      margin-top: 2.5rem; }
    header .lg-mb--2-half,
    footer .lg-mb--2-half {
      margin-bottom: 2.5rem; }
    header .lg-ml--2-half,
    footer .lg-ml--2-half {
      margin-left: 2.5rem; }
    header .lg-mr--2-half,
    footer .lg-mr--2-half {
      margin-right: 2.5rem; }
    header .lg-m--3,
    footer .lg-m--3 {
      margin: 3rem; }
    header .lg-mx--3,
    footer .lg-mx--3 {
      margin-left: 3rem;
      margin-right: 3rem; }
    header .lg-my--3,
    footer .lg-my--3 {
      margin-top: 3rem;
      margin-bottom: 3rem; }
    header .lg-mt--3,
    footer .lg-mt--3 {
      margin-top: 3rem; }
    header .lg-mb--3,
    footer .lg-mb--3 {
      margin-bottom: 3rem; }
    header .lg-ml--3,
    footer .lg-ml--3 {
      margin-left: 3rem; }
    header .lg-mr--3,
    footer .lg-mr--3 {
      margin-right: 3rem; }
    header .lg-m--3-half,
    footer .lg-m--3-half {
      margin: 3.5rem; }
    header .lg-mx--3-half,
    footer .lg-mx--3-half {
      margin-left: 3.5rem;
      margin-right: 3.5rem; }
    header .lg-my--3-half,
    footer .lg-my--3-half {
      margin-top: 3.5rem;
      margin-bottom: 3.5rem; }
    header .lg-mt--3-half,
    footer .lg-mt--3-half {
      margin-top: 3.5rem; }
    header .lg-mb--3-half,
    footer .lg-mb--3-half {
      margin-bottom: 3.5rem; }
    header .lg-ml--3-half,
    footer .lg-ml--3-half {
      margin-left: 3.5rem; }
    header .lg-mr--3-half,
    footer .lg-mr--3-half {
      margin-right: 3.5rem; }
    header .lg-m--4,
    footer .lg-m--4 {
      margin: 4rem; }
    header .lg-mx--4,
    footer .lg-mx--4 {
      margin-left: 4rem;
      margin-right: 4rem; }
    header .lg-my--4,
    footer .lg-my--4 {
      margin-top: 4rem;
      margin-bottom: 4rem; }
    header .lg-mt--4,
    footer .lg-mt--4 {
      margin-top: 4rem; }
    header .lg-mb--4,
    footer .lg-mb--4 {
      margin-bottom: 4rem; }
    header .lg-ml--4,
    footer .lg-ml--4 {
      margin-left: 4rem; }
    header .lg-mr--4,
    footer .lg-mr--4 {
      margin-right: 4rem; }
    header .lg-m--4-half,
    footer .lg-m--4-half {
      margin: 4.5rem; }
    header .lg-mx--4-half,
    footer .lg-mx--4-half {
      margin-left: 4.5rem;
      margin-right: 4.5rem; }
    header .lg-my--4-half,
    footer .lg-my--4-half {
      margin-top: 4.5rem;
      margin-bottom: 4.5rem; }
    header .lg-mt--4-half,
    footer .lg-mt--4-half {
      margin-top: 4.5rem; }
    header .lg-mb--4-half,
    footer .lg-mb--4-half {
      margin-bottom: 4.5rem; }
    header .lg-ml--4-half,
    footer .lg-ml--4-half {
      margin-left: 4.5rem; }
    header .lg-mr--4-half,
    footer .lg-mr--4-half {
      margin-right: 4.5rem; }
    header .lg-m--5,
    footer .lg-m--5 {
      margin: 5rem; }
    header .lg-mx--5,
    footer .lg-mx--5 {
      margin-left: 5rem;
      margin-right: 5rem; }
    header .lg-my--5,
    footer .lg-my--5 {
      margin-top: 5rem;
      margin-bottom: 5rem; }
    header .lg-mt--5,
    footer .lg-mt--5 {
      margin-top: 5rem; }
    header .lg-mb--5,
    footer .lg-mb--5 {
      margin-bottom: 5rem; }
    header .lg-ml--5,
    footer .lg-ml--5 {
      margin-left: 5rem; }
    header .lg-mr--5,
    footer .lg-mr--5 {
      margin-right: 5rem; }
    header .lg-m--5-half,
    footer .lg-m--5-half {
      margin: 5.5rem; }
    header .lg-mx--5-half,
    footer .lg-mx--5-half {
      margin-left: 5.5rem;
      margin-right: 5.5rem; }
    header .lg-my--5-half,
    footer .lg-my--5-half {
      margin-top: 5.5rem;
      margin-bottom: 5.5rem; }
    header .lg-mt--5-half,
    footer .lg-mt--5-half {
      margin-top: 5.5rem; }
    header .lg-mb--5-half,
    footer .lg-mb--5-half {
      margin-bottom: 5.5rem; }
    header .lg-ml--5-half,
    footer .lg-ml--5-half {
      margin-left: 5.5rem; }
    header .lg-mr--5-half,
    footer .lg-mr--5-half {
      margin-right: 5.5rem; }
    header .lg-m--6,
    footer .lg-m--6 {
      margin: 6rem; }
    header .lg-mx--6,
    footer .lg-mx--6 {
      margin-left: 6rem;
      margin-right: 6rem; }
    header .lg-my--6,
    footer .lg-my--6 {
      margin-top: 6rem;
      margin-bottom: 6rem; }
    header .lg-mt--6,
    footer .lg-mt--6 {
      margin-top: 6rem; }
    header .lg-mb--6,
    footer .lg-mb--6 {
      margin-bottom: 6rem; }
    header .lg-ml--6,
    footer .lg-ml--6 {
      margin-left: 6rem; }
    header .lg-mr--6,
    footer .lg-mr--6 {
      margin-right: 6rem; }
    header .lg-m--6-half,
    footer .lg-m--6-half {
      margin: 6.5rem; }
    header .lg-mx--6-half,
    footer .lg-mx--6-half {
      margin-left: 6.5rem;
      margin-right: 6.5rem; }
    header .lg-my--6-half,
    footer .lg-my--6-half {
      margin-top: 6.5rem;
      margin-bottom: 6.5rem; }
    header .lg-mt--6-half,
    footer .lg-mt--6-half {
      margin-top: 6.5rem; }
    header .lg-mb--6-half,
    footer .lg-mb--6-half {
      margin-bottom: 6.5rem; }
    header .lg-ml--6-half,
    footer .lg-ml--6-half {
      margin-left: 6.5rem; }
    header .lg-mr--6-half,
    footer .lg-mr--6-half {
      margin-right: 6.5rem; }
    header .lg-m--7,
    footer .lg-m--7 {
      margin: 7rem; }
    header .lg-mx--7,
    footer .lg-mx--7 {
      margin-left: 7rem;
      margin-right: 7rem; }
    header .lg-my--7,
    footer .lg-my--7 {
      margin-top: 7rem;
      margin-bottom: 7rem; }
    header .lg-mt--7,
    footer .lg-mt--7 {
      margin-top: 7rem; }
    header .lg-mb--7,
    footer .lg-mb--7 {
      margin-bottom: 7rem; }
    header .lg-ml--7,
    footer .lg-ml--7 {
      margin-left: 7rem; }
    header .lg-mr--7,
    footer .lg-mr--7 {
      margin-right: 7rem; }
    header .lg-m--7-half,
    footer .lg-m--7-half {
      margin: 7.5rem; }
    header .lg-mx--7-half,
    footer .lg-mx--7-half {
      margin-left: 7.5rem;
      margin-right: 7.5rem; }
    header .lg-my--7-half,
    footer .lg-my--7-half {
      margin-top: 7.5rem;
      margin-bottom: 7.5rem; }
    header .lg-mt--7-half,
    footer .lg-mt--7-half {
      margin-top: 7.5rem; }
    header .lg-mb--7-half,
    footer .lg-mb--7-half {
      margin-bottom: 7.5rem; }
    header .lg-ml--7-half,
    footer .lg-ml--7-half {
      margin-left: 7.5rem; }
    header .lg-mr--7-half,
    footer .lg-mr--7-half {
      margin-right: 7.5rem; }
    header .lg-m--8,
    footer .lg-m--8 {
      margin: 8rem; }
    header .lg-mx--8,
    footer .lg-mx--8 {
      margin-left: 8rem;
      margin-right: 8rem; }
    header .lg-my--8,
    footer .lg-my--8 {
      margin-top: 8rem;
      margin-bottom: 8rem; }
    header .lg-mt--8,
    footer .lg-mt--8 {
      margin-top: 8rem; }
    header .lg-mb--8,
    footer .lg-mb--8 {
      margin-bottom: 8rem; }
    header .lg-ml--8,
    footer .lg-ml--8 {
      margin-left: 8rem; }
    header .lg-mr--8,
    footer .lg-mr--8 {
      margin-right: 8rem; }
    header .lg-m--9,
    footer .lg-m--9 {
      margin: 9rem; }
    header .lg-mx--9,
    footer .lg-mx--9 {
      margin-left: 9rem;
      margin-right: 9rem; }
    header .lg-my--9,
    footer .lg-my--9 {
      margin-top: 9rem;
      margin-bottom: 9rem; }
    header .lg-mt--9,
    footer .lg-mt--9 {
      margin-top: 9rem; }
    header .lg-mb--9,
    footer .lg-mb--9 {
      margin-bottom: 9rem; }
    header .lg-ml--9,
    footer .lg-ml--9 {
      margin-left: 9rem; }
    header .lg-mr--9,
    footer .lg-mr--9 {
      margin-right: 9rem; }
    header .lg-m--10,
    footer .lg-m--10 {
      margin: 10rem; }
    header .lg-mx--10,
    footer .lg-mx--10 {
      margin-left: 10rem;
      margin-right: 10rem; }
    header .lg-my--10,
    footer .lg-my--10 {
      margin-top: 10rem;
      margin-bottom: 10rem; }
    header .lg-mt--10,
    footer .lg-mt--10 {
      margin-top: 10rem; }
    header .lg-mb--10,
    footer .lg-mb--10 {
      margin-bottom: 10rem; }
    header .lg-ml--10,
    footer .lg-ml--10 {
      margin-left: 10rem; }
    header .lg-mr--10,
    footer .lg-mr--10 {
      margin-right: 10rem; }
    header .lg-m--11,
    footer .lg-m--11 {
      margin: 11rem; }
    header .lg-mx--11,
    footer .lg-mx--11 {
      margin-left: 11rem;
      margin-right: 11rem; }
    header .lg-my--11,
    footer .lg-my--11 {
      margin-top: 11rem;
      margin-bottom: 11rem; }
    header .lg-mt--11,
    footer .lg-mt--11 {
      margin-top: 11rem; }
    header .lg-mb--11,
    footer .lg-mb--11 {
      margin-bottom: 11rem; }
    header .lg-ml--11,
    footer .lg-ml--11 {
      margin-left: 11rem; }
    header .lg-mr--11,
    footer .lg-mr--11 {
      margin-right: 11rem; }
    header .lg-m--12,
    footer .lg-m--12 {
      margin: 12rem; }
    header .lg-mx--12,
    footer .lg-mx--12 {
      margin-left: 12rem;
      margin-right: 12rem; }
    header .lg-my--12,
    footer .lg-my--12 {
      margin-top: 12rem;
      margin-bottom: 12rem; }
    header .lg-mt--12,
    footer .lg-mt--12 {
      margin-top: 12rem; }
    header .lg-mb--12,
    footer .lg-mb--12 {
      margin-bottom: 12rem; }
    header .lg-ml--12,
    footer .lg-ml--12 {
      margin-left: 12rem; }
    header .lg-mr--12,
    footer .lg-mr--12 {
      margin-right: 12rem; }
    header .lg-m--13,
    footer .lg-m--13 {
      margin: 13rem; }
    header .lg-mx--13,
    footer .lg-mx--13 {
      margin-left: 13rem;
      margin-right: 13rem; }
    header .lg-my--13,
    footer .lg-my--13 {
      margin-top: 13rem;
      margin-bottom: 13rem; }
    header .lg-mt--13,
    footer .lg-mt--13 {
      margin-top: 13rem; }
    header .lg-mb--13,
    footer .lg-mb--13 {
      margin-bottom: 13rem; }
    header .lg-ml--13,
    footer .lg-ml--13 {
      margin-left: 13rem; }
    header .lg-mr--13,
    footer .lg-mr--13 {
      margin-right: 13rem; }
    header .lg-m--14,
    footer .lg-m--14 {
      margin: 14rem; }
    header .lg-mx--14,
    footer .lg-mx--14 {
      margin-left: 14rem;
      margin-right: 14rem; }
    header .lg-my--14,
    footer .lg-my--14 {
      margin-top: 14rem;
      margin-bottom: 14rem; }
    header .lg-mt--14,
    footer .lg-mt--14 {
      margin-top: 14rem; }
    header .lg-mb--14,
    footer .lg-mb--14 {
      margin-bottom: 14rem; }
    header .lg-ml--14,
    footer .lg-ml--14 {
      margin-left: 14rem; }
    header .lg-mr--14,
    footer .lg-mr--14 {
      margin-right: 14rem; }
    header .lg-m--15,
    footer .lg-m--15 {
      margin: 15rem; }
    header .lg-mx--15,
    footer .lg-mx--15 {
      margin-left: 15rem;
      margin-right: 15rem; }
    header .lg-my--15,
    footer .lg-my--15 {
      margin-top: 15rem;
      margin-bottom: 15rem; }
    header .lg-mt--15,
    footer .lg-mt--15 {
      margin-top: 15rem; }
    header .lg-mb--15,
    footer .lg-mb--15 {
      margin-bottom: 15rem; }
    header .lg-ml--15,
    footer .lg-ml--15 {
      margin-left: 15rem; }
    header .lg-mr--15,
    footer .lg-mr--15 {
      margin-right: 15rem; }
    header .lg-m--16,
    footer .lg-m--16 {
      margin: 16rem; }
    header .lg-mx--16,
    footer .lg-mx--16 {
      margin-left: 16rem;
      margin-right: 16rem; }
    header .lg-my--16,
    footer .lg-my--16 {
      margin-top: 16rem;
      margin-bottom: 16rem; }
    header .lg-mt--16,
    footer .lg-mt--16 {
      margin-top: 16rem; }
    header .lg-mb--16,
    footer .lg-mb--16 {
      margin-bottom: 16rem; }
    header .lg-ml--16,
    footer .lg-ml--16 {
      margin-left: 16rem; }
    header .lg-mr--16,
    footer .lg-mr--16 {
      margin-right: 16rem; }
    header .lg-m--17,
    footer .lg-m--17 {
      margin: 17rem; }
    header .lg-mx--17,
    footer .lg-mx--17 {
      margin-left: 17rem;
      margin-right: 17rem; }
    header .lg-my--17,
    footer .lg-my--17 {
      margin-top: 17rem;
      margin-bottom: 17rem; }
    header .lg-mt--17,
    footer .lg-mt--17 {
      margin-top: 17rem; }
    header .lg-mb--17,
    footer .lg-mb--17 {
      margin-bottom: 17rem; }
    header .lg-ml--17,
    footer .lg-ml--17 {
      margin-left: 17rem; }
    header .lg-mr--17,
    footer .lg-mr--17 {
      margin-right: 17rem; }
    header .lg-m--18,
    footer .lg-m--18 {
      margin: 18rem; }
    header .lg-mx--18,
    footer .lg-mx--18 {
      margin-left: 18rem;
      margin-right: 18rem; }
    header .lg-my--18,
    footer .lg-my--18 {
      margin-top: 18rem;
      margin-bottom: 18rem; }
    header .lg-mt--18,
    footer .lg-mt--18 {
      margin-top: 18rem; }
    header .lg-mb--18,
    footer .lg-mb--18 {
      margin-bottom: 18rem; }
    header .lg-ml--18,
    footer .lg-ml--18 {
      margin-left: 18rem; }
    header .lg-mr--18,
    footer .lg-mr--18 {
      margin-right: 18rem; }
    header .lg-m--19,
    footer .lg-m--19 {
      margin: 19rem; }
    header .lg-mx--19,
    footer .lg-mx--19 {
      margin-left: 19rem;
      margin-right: 19rem; }
    header .lg-my--19,
    footer .lg-my--19 {
      margin-top: 19rem;
      margin-bottom: 19rem; }
    header .lg-mt--19,
    footer .lg-mt--19 {
      margin-top: 19rem; }
    header .lg-mb--19,
    footer .lg-mb--19 {
      margin-bottom: 19rem; }
    header .lg-ml--19,
    footer .lg-ml--19 {
      margin-left: 19rem; }
    header .lg-mr--19,
    footer .lg-mr--19 {
      margin-right: 19rem; }
    header .lg-m--20,
    footer .lg-m--20 {
      margin: 20rem; }
    header .lg-mx--20,
    footer .lg-mx--20 {
      margin-left: 20rem;
      margin-right: 20rem; }
    header .lg-my--20,
    footer .lg-my--20 {
      margin-top: 20rem;
      margin-bottom: 20rem; }
    header .lg-mt--20,
    footer .lg-mt--20 {
      margin-top: 20rem; }
    header .lg-mb--20,
    footer .lg-mb--20 {
      margin-bottom: 20rem; }
    header .lg-ml--20,
    footer .lg-ml--20 {
      margin-left: 20rem; }
    header .lg-mr--20,
    footer .lg-mr--20 {
      margin-right: 20rem; }
    header .lg-m--negative-quarter,
    footer .lg-m--negative-quarter {
      margin: -0.25rem; }
    header .lg-mx--negative-quarter,
    footer .lg-mx--negative-quarter {
      margin-left: -0.25rem;
      margin-right: -0.25rem; }
    header .lg-my--negative-quarter,
    footer .lg-my--negative-quarter {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem; }
    header .lg-mt--negative-quarter,
    footer .lg-mt--negative-quarter {
      margin-top: -0.25rem; }
    header .lg-mb--negative-quarter,
    footer .lg-mb--negative-quarter {
      margin-bottom: -0.25rem; }
    header .lg-ml--negative-quarter,
    footer .lg-ml--negative-quarter {
      margin-left: -0.25rem; }
    header .lg-mr--negative-quarter,
    footer .lg-mr--negative-quarter {
      margin-right: -0.25rem; }
    header .lg-m--negative-3-quarters,
    footer .lg-m--negative-3-quarters {
      margin: -0.75rem; }
    header .lg-mx--negative-3-quarters,
    footer .lg-mx--negative-3-quarters {
      margin-left: -0.75rem;
      margin-right: -0.75rem; }
    header .lg-my--negative-3-quarters,
    footer .lg-my--negative-3-quarters {
      margin-top: -0.75rem;
      margin-bottom: -0.75rem; }
    header .lg-mt--negative-3-quarters,
    footer .lg-mt--negative-3-quarters {
      margin-top: -0.75rem; }
    header .lg-mb--negative-3-quarters,
    footer .lg-mb--negative-3-quarters {
      margin-bottom: -0.75rem; }
    header .lg-ml--negative-3-quarters,
    footer .lg-ml--negative-3-quarters {
      margin-left: -0.75rem; }
    header .lg-mr--negative-3-quarters,
    footer .lg-mr--negative-3-quarters {
      margin-right: -0.75rem; }
    header .lg-m--negative-half,
    footer .lg-m--negative-half {
      margin: -0.5rem; }
    header .lg-mx--negative-half,
    footer .lg-mx--negative-half {
      margin-left: -0.5rem;
      margin-right: -0.5rem; }
    header .lg-my--negative-half,
    footer .lg-my--negative-half {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem; }
    header .lg-mt--negative-half,
    footer .lg-mt--negative-half {
      margin-top: -0.5rem; }
    header .lg-mb--negative-half,
    footer .lg-mb--negative-half {
      margin-bottom: -0.5rem; }
    header .lg-ml--negative-half,
    footer .lg-ml--negative-half {
      margin-left: -0.5rem; }
    header .lg-mr--negative-half,
    footer .lg-mr--negative-half {
      margin-right: -0.5rem; }
    header .lg-m--negative-1,
    footer .lg-m--negative-1 {
      margin: -1rem; }
    header .lg-mx--negative-1,
    footer .lg-mx--negative-1 {
      margin-left: -1rem;
      margin-right: -1rem; }
    header .lg-my--negative-1,
    footer .lg-my--negative-1 {
      margin-top: -1rem;
      margin-bottom: -1rem; }
    header .lg-mt--negative-1,
    footer .lg-mt--negative-1 {
      margin-top: -1rem; }
    header .lg-mb--negative-1,
    footer .lg-mb--negative-1 {
      margin-bottom: -1rem; }
    header .lg-ml--negative-1,
    footer .lg-ml--negative-1 {
      margin-left: -1rem; }
    header .lg-mr--negative-1,
    footer .lg-mr--negative-1 {
      margin-right: -1rem; }
    header .lg-m--negative-1-half,
    footer .lg-m--negative-1-half {
      margin: -1.5rem; }
    header .lg-mx--negative-1-half,
    footer .lg-mx--negative-1-half {
      margin-left: -1.5rem;
      margin-right: -1.5rem; }
    header .lg-my--negative-1-half,
    footer .lg-my--negative-1-half {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem; }
    header .lg-mt--negative-1-half,
    footer .lg-mt--negative-1-half {
      margin-top: -1.5rem; }
    header .lg-mb--negative-1-half,
    footer .lg-mb--negative-1-half {
      margin-bottom: -1.5rem; }
    header .lg-ml--negative-1-half,
    footer .lg-ml--negative-1-half {
      margin-left: -1.5rem; }
    header .lg-mr--negative-1-half,
    footer .lg-mr--negative-1-half {
      margin-right: -1.5rem; }
    header .lg-m--negative-2,
    footer .lg-m--negative-2 {
      margin: -2rem; }
    header .lg-mx--negative-2,
    footer .lg-mx--negative-2 {
      margin-left: -2rem;
      margin-right: -2rem; }
    header .lg-my--negative-2,
    footer .lg-my--negative-2 {
      margin-top: -2rem;
      margin-bottom: -2rem; }
    header .lg-mt--negative-2,
    footer .lg-mt--negative-2 {
      margin-top: -2rem; }
    header .lg-mb--negative-2,
    footer .lg-mb--negative-2 {
      margin-bottom: -2rem; }
    header .lg-ml--negative-2,
    footer .lg-ml--negative-2 {
      margin-left: -2rem; }
    header .lg-mr--negative-2,
    footer .lg-mr--negative-2 {
      margin-right: -2rem; }
    header .lg-m--negative-3,
    footer .lg-m--negative-3 {
      margin: -3rem; }
    header .lg-mx--negative-3,
    footer .lg-mx--negative-3 {
      margin-left: -3rem;
      margin-right: -3rem; }
    header .lg-my--negative-3,
    footer .lg-my--negative-3 {
      margin-top: -3rem;
      margin-bottom: -3rem; }
    header .lg-mt--negative-3,
    footer .lg-mt--negative-3 {
      margin-top: -3rem; }
    header .lg-mb--negative-3,
    footer .lg-mb--negative-3 {
      margin-bottom: -3rem; }
    header .lg-ml--negative-3,
    footer .lg-ml--negative-3 {
      margin-left: -3rem; }
    header .lg-mr--negative-3,
    footer .lg-mr--negative-3 {
      margin-right: -3rem; }
    header .lg-m--negative-4,
    footer .lg-m--negative-4 {
      margin: -4rem; }
    header .lg-mx--negative-4,
    footer .lg-mx--negative-4 {
      margin-left: -4rem;
      margin-right: -4rem; }
    header .lg-my--negative-4,
    footer .lg-my--negative-4 {
      margin-top: -4rem;
      margin-bottom: -4rem; }
    header .lg-mt--negative-4,
    footer .lg-mt--negative-4 {
      margin-top: -4rem; }
    header .lg-mb--negative-4,
    footer .lg-mb--negative-4 {
      margin-bottom: -4rem; }
    header .lg-ml--negative-4,
    footer .lg-ml--negative-4 {
      margin-left: -4rem; }
    header .lg-mr--negative-4,
    footer .lg-mr--negative-4 {
      margin-right: -4rem; }
    header .lg-m--negative-5,
    footer .lg-m--negative-5 {
      margin: -5rem; }
    header .lg-mx--negative-5,
    footer .lg-mx--negative-5 {
      margin-left: -5rem;
      margin-right: -5rem; }
    header .lg-my--negative-5,
    footer .lg-my--negative-5 {
      margin-top: -5rem;
      margin-bottom: -5rem; }
    header .lg-mt--negative-5,
    footer .lg-mt--negative-5 {
      margin-top: -5rem; }
    header .lg-mb--negative-5,
    footer .lg-mb--negative-5 {
      margin-bottom: -5rem; }
    header .lg-ml--negative-5,
    footer .lg-ml--negative-5 {
      margin-left: -5rem; }
    header .lg-mr--negative-5,
    footer .lg-mr--negative-5 {
      margin-right: -5rem; }
    header .lg-m--negative-6,
    footer .lg-m--negative-6 {
      margin: -6rem; }
    header .lg-mx--negative-6,
    footer .lg-mx--negative-6 {
      margin-left: -6rem;
      margin-right: -6rem; }
    header .lg-my--negative-6,
    footer .lg-my--negative-6 {
      margin-top: -6rem;
      margin-bottom: -6rem; }
    header .lg-mt--negative-6,
    footer .lg-mt--negative-6 {
      margin-top: -6rem; }
    header .lg-mb--negative-6,
    footer .lg-mb--negative-6 {
      margin-bottom: -6rem; }
    header .lg-ml--negative-6,
    footer .lg-ml--negative-6 {
      margin-left: -6rem; }
    header .lg-mr--negative-6,
    footer .lg-mr--negative-6 {
      margin-right: -6rem; }
    header .lg-m--negative-7,
    footer .lg-m--negative-7 {
      margin: -7rem; }
    header .lg-mx--negative-7,
    footer .lg-mx--negative-7 {
      margin-left: -7rem;
      margin-right: -7rem; }
    header .lg-my--negative-7,
    footer .lg-my--negative-7 {
      margin-top: -7rem;
      margin-bottom: -7rem; }
    header .lg-mt--negative-7,
    footer .lg-mt--negative-7 {
      margin-top: -7rem; }
    header .lg-mb--negative-7,
    footer .lg-mb--negative-7 {
      margin-bottom: -7rem; }
    header .lg-ml--negative-7,
    footer .lg-ml--negative-7 {
      margin-left: -7rem; }
    header .lg-mr--negative-7,
    footer .lg-mr--negative-7 {
      margin-right: -7rem; }
    header .lg-m--negative-8,
    footer .lg-m--negative-8 {
      margin: -8rem; }
    header .lg-mx--negative-8,
    footer .lg-mx--negative-8 {
      margin-left: -8rem;
      margin-right: -8rem; }
    header .lg-my--negative-8,
    footer .lg-my--negative-8 {
      margin-top: -8rem;
      margin-bottom: -8rem; }
    header .lg-mt--negative-8,
    footer .lg-mt--negative-8 {
      margin-top: -8rem; }
    header .lg-mb--negative-8,
    footer .lg-mb--negative-8 {
      margin-bottom: -8rem; }
    header .lg-ml--negative-8,
    footer .lg-ml--negative-8 {
      margin-left: -8rem; }
    header .lg-mr--negative-8,
    footer .lg-mr--negative-8 {
      margin-right: -8rem; }
    header .lg-m--negative-9,
    footer .lg-m--negative-9 {
      margin: -9rem; }
    header .lg-mx--negative-9,
    footer .lg-mx--negative-9 {
      margin-left: -9rem;
      margin-right: -9rem; }
    header .lg-my--negative-9,
    footer .lg-my--negative-9 {
      margin-top: -9rem;
      margin-bottom: -9rem; }
    header .lg-mt--negative-9,
    footer .lg-mt--negative-9 {
      margin-top: -9rem; }
    header .lg-mb--negative-9,
    footer .lg-mb--negative-9 {
      margin-bottom: -9rem; }
    header .lg-ml--negative-9,
    footer .lg-ml--negative-9 {
      margin-left: -9rem; }
    header .lg-mr--negative-9,
    footer .lg-mr--negative-9 {
      margin-right: -9rem; }
    header .lg-m--negative-10,
    footer .lg-m--negative-10 {
      margin: -10rem; }
    header .lg-mx--negative-10,
    footer .lg-mx--negative-10 {
      margin-left: -10rem;
      margin-right: -10rem; }
    header .lg-my--negative-10,
    footer .lg-my--negative-10 {
      margin-top: -10rem;
      margin-bottom: -10rem; }
    header .lg-mt--negative-10,
    footer .lg-mt--negative-10 {
      margin-top: -10rem; }
    header .lg-mb--negative-10,
    footer .lg-mb--negative-10 {
      margin-bottom: -10rem; }
    header .lg-ml--negative-10,
    footer .lg-ml--negative-10 {
      margin-left: -10rem; }
    header .lg-mr--negative-10,
    footer .lg-mr--negative-10 {
      margin-right: -10rem; }
    header .lg-m--auto,
    footer .lg-m--auto {
      margin: auto; }
    header .lg-mx--auto,
    footer .lg-mx--auto {
      margin-left: auto;
      margin-right: auto; }
    header .lg-my--auto,
    footer .lg-my--auto {
      margin-top: auto;
      margin-bottom: auto; }
    header .lg-mt--auto,
    footer .lg-mt--auto {
      margin-top: auto; }
    header .lg-mb--auto,
    footer .lg-mb--auto {
      margin-bottom: auto; }
    header .lg-ml--auto,
    footer .lg-ml--auto {
      margin-left: auto; }
    header .lg-mr--auto,
    footer .lg-mr--auto {
      margin-right: auto; }
    header .lg-p--0,
    footer .lg-p--0 {
      padding: 0rem; }
    header .lg-px--0,
    footer .lg-px--0 {
      padding-left: 0rem;
      padding-right: 0rem; }
    header .lg-py--0,
    footer .lg-py--0 {
      padding-top: 0rem;
      padding-bottom: 0rem; }
    header .lg-pt--0,
    footer .lg-pt--0 {
      padding-top: 0rem; }
    header .lg-pb--0,
    footer .lg-pb--0 {
      padding-bottom: 0rem; }
    header .lg-pl--0,
    footer .lg-pl--0 {
      padding-left: 0rem; }
    header .lg-pr--0,
    footer .lg-pr--0 {
      padding-right: 0rem; }
    header .lg-p--quarter,
    footer .lg-p--quarter {
      padding: 0.25rem; }
    header .lg-px--quarter,
    footer .lg-px--quarter {
      padding-left: 0.25rem;
      padding-right: 0.25rem; }
    header .lg-py--quarter,
    footer .lg-py--quarter {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem; }
    header .lg-pt--quarter,
    footer .lg-pt--quarter {
      padding-top: 0.25rem; }
    header .lg-pb--quarter,
    footer .lg-pb--quarter {
      padding-bottom: 0.25rem; }
    header .lg-pl--quarter,
    footer .lg-pl--quarter {
      padding-left: 0.25rem; }
    header .lg-pr--quarter,
    footer .lg-pr--quarter {
      padding-right: 0.25rem; }
    header .lg-p--half,
    footer .lg-p--half {
      padding: 0.5rem; }
    header .lg-px--half,
    footer .lg-px--half {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
    header .lg-py--half,
    footer .lg-py--half {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    header .lg-pt--half,
    footer .lg-pt--half {
      padding-top: 0.5rem; }
    header .lg-pb--half,
    footer .lg-pb--half {
      padding-bottom: 0.5rem; }
    header .lg-pl--half,
    footer .lg-pl--half {
      padding-left: 0.5rem; }
    header .lg-pr--half,
    footer .lg-pr--half {
      padding-right: 0.5rem; }
    header .lg-p--3-quarters,
    footer .lg-p--3-quarters {
      padding: 0.75rem; }
    header .lg-px--3-quarters,
    footer .lg-px--3-quarters {
      padding-left: 0.75rem;
      padding-right: 0.75rem; }
    header .lg-py--3-quarters,
    footer .lg-py--3-quarters {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
    header .lg-pt--3-quarters,
    footer .lg-pt--3-quarters {
      padding-top: 0.75rem; }
    header .lg-pb--3-quarters,
    footer .lg-pb--3-quarters {
      padding-bottom: 0.75rem; }
    header .lg-pl--3-quarters,
    footer .lg-pl--3-quarters {
      padding-left: 0.75rem; }
    header .lg-pr--3-quarters,
    footer .lg-pr--3-quarters {
      padding-right: 0.75rem; }
    header .lg-p--1,
    footer .lg-p--1 {
      padding: 1rem; }
    header .lg-px--1,
    footer .lg-px--1 {
      padding-left: 1rem;
      padding-right: 1rem; }
    header .lg-py--1,
    footer .lg-py--1 {
      padding-top: 1rem;
      padding-bottom: 1rem; }
    header .lg-pt--1,
    footer .lg-pt--1 {
      padding-top: 1rem; }
    header .lg-pb--1,
    footer .lg-pb--1 {
      padding-bottom: 1rem; }
    header .lg-pl--1,
    footer .lg-pl--1 {
      padding-left: 1rem; }
    header .lg-pr--1,
    footer .lg-pr--1 {
      padding-right: 1rem; }
    header .lg-p--1-half,
    footer .lg-p--1-half {
      padding: 1.5rem; }
    header .lg-px--1-half,
    footer .lg-px--1-half {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
    header .lg-py--1-half,
    footer .lg-py--1-half {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
    header .lg-pt--1-half,
    footer .lg-pt--1-half {
      padding-top: 1.5rem; }
    header .lg-pb--1-half,
    footer .lg-pb--1-half {
      padding-bottom: 1.5rem; }
    header .lg-pl--1-half,
    footer .lg-pl--1-half {
      padding-left: 1.5rem; }
    header .lg-pr--1-half,
    footer .lg-pr--1-half {
      padding-right: 1.5rem; }
    header .lg-p--2,
    footer .lg-p--2 {
      padding: 2rem; }
    header .lg-px--2,
    footer .lg-px--2 {
      padding-left: 2rem;
      padding-right: 2rem; }
    header .lg-py--2,
    footer .lg-py--2 {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    header .lg-pt--2,
    footer .lg-pt--2 {
      padding-top: 2rem; }
    header .lg-pb--2,
    footer .lg-pb--2 {
      padding-bottom: 2rem; }
    header .lg-pl--2,
    footer .lg-pl--2 {
      padding-left: 2rem; }
    header .lg-pr--2,
    footer .lg-pr--2 {
      padding-right: 2rem; }
    header .lg-p--2-half,
    footer .lg-p--2-half {
      padding: 2.5rem; }
    header .lg-px--2-half,
    footer .lg-px--2-half {
      padding-left: 2.5rem;
      padding-right: 2.5rem; }
    header .lg-py--2-half,
    footer .lg-py--2-half {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
    header .lg-pt--2-half,
    footer .lg-pt--2-half {
      padding-top: 2.5rem; }
    header .lg-pb--2-half,
    footer .lg-pb--2-half {
      padding-bottom: 2.5rem; }
    header .lg-pl--2-half,
    footer .lg-pl--2-half {
      padding-left: 2.5rem; }
    header .lg-pr--2-half,
    footer .lg-pr--2-half {
      padding-right: 2.5rem; }
    header .lg-p--3,
    footer .lg-p--3 {
      padding: 3rem; }
    header .lg-px--3,
    footer .lg-px--3 {
      padding-left: 3rem;
      padding-right: 3rem; }
    header .lg-py--3,
    footer .lg-py--3 {
      padding-top: 3rem;
      padding-bottom: 3rem; }
    header .lg-pt--3,
    footer .lg-pt--3 {
      padding-top: 3rem; }
    header .lg-pb--3,
    footer .lg-pb--3 {
      padding-bottom: 3rem; }
    header .lg-pl--3,
    footer .lg-pl--3 {
      padding-left: 3rem; }
    header .lg-pr--3,
    footer .lg-pr--3 {
      padding-right: 3rem; }
    header .lg-p--3-half,
    footer .lg-p--3-half {
      padding: 3.5rem; }
    header .lg-px--3-half,
    footer .lg-px--3-half {
      padding-left: 3.5rem;
      padding-right: 3.5rem; }
    header .lg-py--3-half,
    footer .lg-py--3-half {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem; }
    header .lg-pt--3-half,
    footer .lg-pt--3-half {
      padding-top: 3.5rem; }
    header .lg-pb--3-half,
    footer .lg-pb--3-half {
      padding-bottom: 3.5rem; }
    header .lg-pl--3-half,
    footer .lg-pl--3-half {
      padding-left: 3.5rem; }
    header .lg-pr--3-half,
    footer .lg-pr--3-half {
      padding-right: 3.5rem; }
    header .lg-p--4,
    footer .lg-p--4 {
      padding: 4rem; }
    header .lg-px--4,
    footer .lg-px--4 {
      padding-left: 4rem;
      padding-right: 4rem; }
    header .lg-py--4,
    footer .lg-py--4 {
      padding-top: 4rem;
      padding-bottom: 4rem; }
    header .lg-pt--4,
    footer .lg-pt--4 {
      padding-top: 4rem; }
    header .lg-pb--4,
    footer .lg-pb--4 {
      padding-bottom: 4rem; }
    header .lg-pl--4,
    footer .lg-pl--4 {
      padding-left: 4rem; }
    header .lg-pr--4,
    footer .lg-pr--4 {
      padding-right: 4rem; }
    header .lg-p--4-half,
    footer .lg-p--4-half {
      padding: 4.5rem; }
    header .lg-px--4-half,
    footer .lg-px--4-half {
      padding-left: 4.5rem;
      padding-right: 4.5rem; }
    header .lg-py--4-half,
    footer .lg-py--4-half {
      padding-top: 4.5rem;
      padding-bottom: 4.5rem; }
    header .lg-pt--4-half,
    footer .lg-pt--4-half {
      padding-top: 4.5rem; }
    header .lg-pb--4-half,
    footer .lg-pb--4-half {
      padding-bottom: 4.5rem; }
    header .lg-pl--4-half,
    footer .lg-pl--4-half {
      padding-left: 4.5rem; }
    header .lg-pr--4-half,
    footer .lg-pr--4-half {
      padding-right: 4.5rem; }
    header .lg-p--5,
    footer .lg-p--5 {
      padding: 5rem; }
    header .lg-px--5,
    footer .lg-px--5 {
      padding-left: 5rem;
      padding-right: 5rem; }
    header .lg-py--5,
    footer .lg-py--5 {
      padding-top: 5rem;
      padding-bottom: 5rem; }
    header .lg-pt--5,
    footer .lg-pt--5 {
      padding-top: 5rem; }
    header .lg-pb--5,
    footer .lg-pb--5 {
      padding-bottom: 5rem; }
    header .lg-pl--5,
    footer .lg-pl--5 {
      padding-left: 5rem; }
    header .lg-pr--5,
    footer .lg-pr--5 {
      padding-right: 5rem; }
    header .lg-p--5-half,
    footer .lg-p--5-half {
      padding: 5.5rem; }
    header .lg-px--5-half,
    footer .lg-px--5-half {
      padding-left: 5.5rem;
      padding-right: 5.5rem; }
    header .lg-py--5-half,
    footer .lg-py--5-half {
      padding-top: 5.5rem;
      padding-bottom: 5.5rem; }
    header .lg-pt--5-half,
    footer .lg-pt--5-half {
      padding-top: 5.5rem; }
    header .lg-pb--5-half,
    footer .lg-pb--5-half {
      padding-bottom: 5.5rem; }
    header .lg-pl--5-half,
    footer .lg-pl--5-half {
      padding-left: 5.5rem; }
    header .lg-pr--5-half,
    footer .lg-pr--5-half {
      padding-right: 5.5rem; }
    header .lg-p--6,
    footer .lg-p--6 {
      padding: 6rem; }
    header .lg-px--6,
    footer .lg-px--6 {
      padding-left: 6rem;
      padding-right: 6rem; }
    header .lg-py--6,
    footer .lg-py--6 {
      padding-top: 6rem;
      padding-bottom: 6rem; }
    header .lg-pt--6,
    footer .lg-pt--6 {
      padding-top: 6rem; }
    header .lg-pb--6,
    footer .lg-pb--6 {
      padding-bottom: 6rem; }
    header .lg-pl--6,
    footer .lg-pl--6 {
      padding-left: 6rem; }
    header .lg-pr--6,
    footer .lg-pr--6 {
      padding-right: 6rem; }
    header .lg-p--6-half,
    footer .lg-p--6-half {
      padding: 6.5rem; }
    header .lg-px--6-half,
    footer .lg-px--6-half {
      padding-left: 6.5rem;
      padding-right: 6.5rem; }
    header .lg-py--6-half,
    footer .lg-py--6-half {
      padding-top: 6.5rem;
      padding-bottom: 6.5rem; }
    header .lg-pt--6-half,
    footer .lg-pt--6-half {
      padding-top: 6.5rem; }
    header .lg-pb--6-half,
    footer .lg-pb--6-half {
      padding-bottom: 6.5rem; }
    header .lg-pl--6-half,
    footer .lg-pl--6-half {
      padding-left: 6.5rem; }
    header .lg-pr--6-half,
    footer .lg-pr--6-half {
      padding-right: 6.5rem; }
    header .lg-p--7,
    footer .lg-p--7 {
      padding: 7rem; }
    header .lg-px--7,
    footer .lg-px--7 {
      padding-left: 7rem;
      padding-right: 7rem; }
    header .lg-py--7,
    footer .lg-py--7 {
      padding-top: 7rem;
      padding-bottom: 7rem; }
    header .lg-pt--7,
    footer .lg-pt--7 {
      padding-top: 7rem; }
    header .lg-pb--7,
    footer .lg-pb--7 {
      padding-bottom: 7rem; }
    header .lg-pl--7,
    footer .lg-pl--7 {
      padding-left: 7rem; }
    header .lg-pr--7,
    footer .lg-pr--7 {
      padding-right: 7rem; }
    header .lg-p--7-half,
    footer .lg-p--7-half {
      padding: 7.5rem; }
    header .lg-px--7-half,
    footer .lg-px--7-half {
      padding-left: 7.5rem;
      padding-right: 7.5rem; }
    header .lg-py--7-half,
    footer .lg-py--7-half {
      padding-top: 7.5rem;
      padding-bottom: 7.5rem; }
    header .lg-pt--7-half,
    footer .lg-pt--7-half {
      padding-top: 7.5rem; }
    header .lg-pb--7-half,
    footer .lg-pb--7-half {
      padding-bottom: 7.5rem; }
    header .lg-pl--7-half,
    footer .lg-pl--7-half {
      padding-left: 7.5rem; }
    header .lg-pr--7-half,
    footer .lg-pr--7-half {
      padding-right: 7.5rem; }
    header .lg-p--8,
    footer .lg-p--8 {
      padding: 8rem; }
    header .lg-px--8,
    footer .lg-px--8 {
      padding-left: 8rem;
      padding-right: 8rem; }
    header .lg-py--8,
    footer .lg-py--8 {
      padding-top: 8rem;
      padding-bottom: 8rem; }
    header .lg-pt--8,
    footer .lg-pt--8 {
      padding-top: 8rem; }
    header .lg-pb--8,
    footer .lg-pb--8 {
      padding-bottom: 8rem; }
    header .lg-pl--8,
    footer .lg-pl--8 {
      padding-left: 8rem; }
    header .lg-pr--8,
    footer .lg-pr--8 {
      padding-right: 8rem; }
    header .lg-p--9,
    footer .lg-p--9 {
      padding: 9rem; }
    header .lg-px--9,
    footer .lg-px--9 {
      padding-left: 9rem;
      padding-right: 9rem; }
    header .lg-py--9,
    footer .lg-py--9 {
      padding-top: 9rem;
      padding-bottom: 9rem; }
    header .lg-pt--9,
    footer .lg-pt--9 {
      padding-top: 9rem; }
    header .lg-pb--9,
    footer .lg-pb--9 {
      padding-bottom: 9rem; }
    header .lg-pl--9,
    footer .lg-pl--9 {
      padding-left: 9rem; }
    header .lg-pr--9,
    footer .lg-pr--9 {
      padding-right: 9rem; }
    header .lg-p--10,
    footer .lg-p--10 {
      padding: 10rem; }
    header .lg-px--10,
    footer .lg-px--10 {
      padding-left: 10rem;
      padding-right: 10rem; }
    header .lg-py--10,
    footer .lg-py--10 {
      padding-top: 10rem;
      padding-bottom: 10rem; }
    header .lg-pt--10,
    footer .lg-pt--10 {
      padding-top: 10rem; }
    header .lg-pb--10,
    footer .lg-pb--10 {
      padding-bottom: 10rem; }
    header .lg-pl--10,
    footer .lg-pl--10 {
      padding-left: 10rem; }
    header .lg-pr--10,
    footer .lg-pr--10 {
      padding-right: 10rem; }
    header .lg-p--11,
    footer .lg-p--11 {
      padding: 11rem; }
    header .lg-px--11,
    footer .lg-px--11 {
      padding-left: 11rem;
      padding-right: 11rem; }
    header .lg-py--11,
    footer .lg-py--11 {
      padding-top: 11rem;
      padding-bottom: 11rem; }
    header .lg-pt--11,
    footer .lg-pt--11 {
      padding-top: 11rem; }
    header .lg-pb--11,
    footer .lg-pb--11 {
      padding-bottom: 11rem; }
    header .lg-pl--11,
    footer .lg-pl--11 {
      padding-left: 11rem; }
    header .lg-pr--11,
    footer .lg-pr--11 {
      padding-right: 11rem; }
    header .lg-p--12,
    footer .lg-p--12 {
      padding: 12rem; }
    header .lg-px--12,
    footer .lg-px--12 {
      padding-left: 12rem;
      padding-right: 12rem; }
    header .lg-py--12,
    footer .lg-py--12 {
      padding-top: 12rem;
      padding-bottom: 12rem; }
    header .lg-pt--12,
    footer .lg-pt--12 {
      padding-top: 12rem; }
    header .lg-pb--12,
    footer .lg-pb--12 {
      padding-bottom: 12rem; }
    header .lg-pl--12,
    footer .lg-pl--12 {
      padding-left: 12rem; }
    header .lg-pr--12,
    footer .lg-pr--12 {
      padding-right: 12rem; }
    header .lg-p--13,
    footer .lg-p--13 {
      padding: 13rem; }
    header .lg-px--13,
    footer .lg-px--13 {
      padding-left: 13rem;
      padding-right: 13rem; }
    header .lg-py--13,
    footer .lg-py--13 {
      padding-top: 13rem;
      padding-bottom: 13rem; }
    header .lg-pt--13,
    footer .lg-pt--13 {
      padding-top: 13rem; }
    header .lg-pb--13,
    footer .lg-pb--13 {
      padding-bottom: 13rem; }
    header .lg-pl--13,
    footer .lg-pl--13 {
      padding-left: 13rem; }
    header .lg-pr--13,
    footer .lg-pr--13 {
      padding-right: 13rem; }
    header .lg-p--14,
    footer .lg-p--14 {
      padding: 14rem; }
    header .lg-px--14,
    footer .lg-px--14 {
      padding-left: 14rem;
      padding-right: 14rem; }
    header .lg-py--14,
    footer .lg-py--14 {
      padding-top: 14rem;
      padding-bottom: 14rem; }
    header .lg-pt--14,
    footer .lg-pt--14 {
      padding-top: 14rem; }
    header .lg-pb--14,
    footer .lg-pb--14 {
      padding-bottom: 14rem; }
    header .lg-pl--14,
    footer .lg-pl--14 {
      padding-left: 14rem; }
    header .lg-pr--14,
    footer .lg-pr--14 {
      padding-right: 14rem; }
    header .lg-p--15,
    footer .lg-p--15 {
      padding: 15rem; }
    header .lg-px--15,
    footer .lg-px--15 {
      padding-left: 15rem;
      padding-right: 15rem; }
    header .lg-py--15,
    footer .lg-py--15 {
      padding-top: 15rem;
      padding-bottom: 15rem; }
    header .lg-pt--15,
    footer .lg-pt--15 {
      padding-top: 15rem; }
    header .lg-pb--15,
    footer .lg-pb--15 {
      padding-bottom: 15rem; }
    header .lg-pl--15,
    footer .lg-pl--15 {
      padding-left: 15rem; }
    header .lg-pr--15,
    footer .lg-pr--15 {
      padding-right: 15rem; }
    header .lg-p--16,
    footer .lg-p--16 {
      padding: 16rem; }
    header .lg-px--16,
    footer .lg-px--16 {
      padding-left: 16rem;
      padding-right: 16rem; }
    header .lg-py--16,
    footer .lg-py--16 {
      padding-top: 16rem;
      padding-bottom: 16rem; }
    header .lg-pt--16,
    footer .lg-pt--16 {
      padding-top: 16rem; }
    header .lg-pb--16,
    footer .lg-pb--16 {
      padding-bottom: 16rem; }
    header .lg-pl--16,
    footer .lg-pl--16 {
      padding-left: 16rem; }
    header .lg-pr--16,
    footer .lg-pr--16 {
      padding-right: 16rem; }
    header .lg-p--17,
    footer .lg-p--17 {
      padding: 17rem; }
    header .lg-px--17,
    footer .lg-px--17 {
      padding-left: 17rem;
      padding-right: 17rem; }
    header .lg-py--17,
    footer .lg-py--17 {
      padding-top: 17rem;
      padding-bottom: 17rem; }
    header .lg-pt--17,
    footer .lg-pt--17 {
      padding-top: 17rem; }
    header .lg-pb--17,
    footer .lg-pb--17 {
      padding-bottom: 17rem; }
    header .lg-pl--17,
    footer .lg-pl--17 {
      padding-left: 17rem; }
    header .lg-pr--17,
    footer .lg-pr--17 {
      padding-right: 17rem; }
    header .lg-p--18,
    footer .lg-p--18 {
      padding: 18rem; }
    header .lg-px--18,
    footer .lg-px--18 {
      padding-left: 18rem;
      padding-right: 18rem; }
    header .lg-py--18,
    footer .lg-py--18 {
      padding-top: 18rem;
      padding-bottom: 18rem; }
    header .lg-pt--18,
    footer .lg-pt--18 {
      padding-top: 18rem; }
    header .lg-pb--18,
    footer .lg-pb--18 {
      padding-bottom: 18rem; }
    header .lg-pl--18,
    footer .lg-pl--18 {
      padding-left: 18rem; }
    header .lg-pr--18,
    footer .lg-pr--18 {
      padding-right: 18rem; }
    header .lg-p--19,
    footer .lg-p--19 {
      padding: 19rem; }
    header .lg-px--19,
    footer .lg-px--19 {
      padding-left: 19rem;
      padding-right: 19rem; }
    header .lg-py--19,
    footer .lg-py--19 {
      padding-top: 19rem;
      padding-bottom: 19rem; }
    header .lg-pt--19,
    footer .lg-pt--19 {
      padding-top: 19rem; }
    header .lg-pb--19,
    footer .lg-pb--19 {
      padding-bottom: 19rem; }
    header .lg-pl--19,
    footer .lg-pl--19 {
      padding-left: 19rem; }
    header .lg-pr--19,
    footer .lg-pr--19 {
      padding-right: 19rem; }
    header .lg-p--20,
    footer .lg-p--20 {
      padding: 20rem; }
    header .lg-px--20,
    footer .lg-px--20 {
      padding-left: 20rem;
      padding-right: 20rem; }
    header .lg-py--20,
    footer .lg-py--20 {
      padding-top: 20rem;
      padding-bottom: 20rem; }
    header .lg-pt--20,
    footer .lg-pt--20 {
      padding-top: 20rem; }
    header .lg-pb--20,
    footer .lg-pb--20 {
      padding-bottom: 20rem; }
    header .lg-pl--20,
    footer .lg-pl--20 {
      padding-left: 20rem; }
    header .lg-pr--20,
    footer .lg-pr--20 {
      padding-right: 20rem; }
    header .lg-p--negative-quarter,
    footer .lg-p--negative-quarter {
      padding: -0.25rem; }
    header .lg-px--negative-quarter,
    footer .lg-px--negative-quarter {
      padding-left: -0.25rem;
      padding-right: -0.25rem; }
    header .lg-py--negative-quarter,
    footer .lg-py--negative-quarter {
      padding-top: -0.25rem;
      padding-bottom: -0.25rem; }
    header .lg-pt--negative-quarter,
    footer .lg-pt--negative-quarter {
      padding-top: -0.25rem; }
    header .lg-pb--negative-quarter,
    footer .lg-pb--negative-quarter {
      padding-bottom: -0.25rem; }
    header .lg-pl--negative-quarter,
    footer .lg-pl--negative-quarter {
      padding-left: -0.25rem; }
    header .lg-pr--negative-quarter,
    footer .lg-pr--negative-quarter {
      padding-right: -0.25rem; }
    header .lg-p--negative-3-quarters,
    footer .lg-p--negative-3-quarters {
      padding: -0.75rem; }
    header .lg-px--negative-3-quarters,
    footer .lg-px--negative-3-quarters {
      padding-left: -0.75rem;
      padding-right: -0.75rem; }
    header .lg-py--negative-3-quarters,
    footer .lg-py--negative-3-quarters {
      padding-top: -0.75rem;
      padding-bottom: -0.75rem; }
    header .lg-pt--negative-3-quarters,
    footer .lg-pt--negative-3-quarters {
      padding-top: -0.75rem; }
    header .lg-pb--negative-3-quarters,
    footer .lg-pb--negative-3-quarters {
      padding-bottom: -0.75rem; }
    header .lg-pl--negative-3-quarters,
    footer .lg-pl--negative-3-quarters {
      padding-left: -0.75rem; }
    header .lg-pr--negative-3-quarters,
    footer .lg-pr--negative-3-quarters {
      padding-right: -0.75rem; }
    header .lg-p--negative-half,
    footer .lg-p--negative-half {
      padding: -0.5rem; }
    header .lg-px--negative-half,
    footer .lg-px--negative-half {
      padding-left: -0.5rem;
      padding-right: -0.5rem; }
    header .lg-py--negative-half,
    footer .lg-py--negative-half {
      padding-top: -0.5rem;
      padding-bottom: -0.5rem; }
    header .lg-pt--negative-half,
    footer .lg-pt--negative-half {
      padding-top: -0.5rem; }
    header .lg-pb--negative-half,
    footer .lg-pb--negative-half {
      padding-bottom: -0.5rem; }
    header .lg-pl--negative-half,
    footer .lg-pl--negative-half {
      padding-left: -0.5rem; }
    header .lg-pr--negative-half,
    footer .lg-pr--negative-half {
      padding-right: -0.5rem; }
    header .lg-p--negative-1,
    footer .lg-p--negative-1 {
      padding: -1rem; }
    header .lg-px--negative-1,
    footer .lg-px--negative-1 {
      padding-left: -1rem;
      padding-right: -1rem; }
    header .lg-py--negative-1,
    footer .lg-py--negative-1 {
      padding-top: -1rem;
      padding-bottom: -1rem; }
    header .lg-pt--negative-1,
    footer .lg-pt--negative-1 {
      padding-top: -1rem; }
    header .lg-pb--negative-1,
    footer .lg-pb--negative-1 {
      padding-bottom: -1rem; }
    header .lg-pl--negative-1,
    footer .lg-pl--negative-1 {
      padding-left: -1rem; }
    header .lg-pr--negative-1,
    footer .lg-pr--negative-1 {
      padding-right: -1rem; }
    header .lg-p--negative-1-half,
    footer .lg-p--negative-1-half {
      padding: -1.5rem; }
    header .lg-px--negative-1-half,
    footer .lg-px--negative-1-half {
      padding-left: -1.5rem;
      padding-right: -1.5rem; }
    header .lg-py--negative-1-half,
    footer .lg-py--negative-1-half {
      padding-top: -1.5rem;
      padding-bottom: -1.5rem; }
    header .lg-pt--negative-1-half,
    footer .lg-pt--negative-1-half {
      padding-top: -1.5rem; }
    header .lg-pb--negative-1-half,
    footer .lg-pb--negative-1-half {
      padding-bottom: -1.5rem; }
    header .lg-pl--negative-1-half,
    footer .lg-pl--negative-1-half {
      padding-left: -1.5rem; }
    header .lg-pr--negative-1-half,
    footer .lg-pr--negative-1-half {
      padding-right: -1.5rem; }
    header .lg-p--negative-2,
    footer .lg-p--negative-2 {
      padding: -2rem; }
    header .lg-px--negative-2,
    footer .lg-px--negative-2 {
      padding-left: -2rem;
      padding-right: -2rem; }
    header .lg-py--negative-2,
    footer .lg-py--negative-2 {
      padding-top: -2rem;
      padding-bottom: -2rem; }
    header .lg-pt--negative-2,
    footer .lg-pt--negative-2 {
      padding-top: -2rem; }
    header .lg-pb--negative-2,
    footer .lg-pb--negative-2 {
      padding-bottom: -2rem; }
    header .lg-pl--negative-2,
    footer .lg-pl--negative-2 {
      padding-left: -2rem; }
    header .lg-pr--negative-2,
    footer .lg-pr--negative-2 {
      padding-right: -2rem; }
    header .lg-p--negative-3,
    footer .lg-p--negative-3 {
      padding: -3rem; }
    header .lg-px--negative-3,
    footer .lg-px--negative-3 {
      padding-left: -3rem;
      padding-right: -3rem; }
    header .lg-py--negative-3,
    footer .lg-py--negative-3 {
      padding-top: -3rem;
      padding-bottom: -3rem; }
    header .lg-pt--negative-3,
    footer .lg-pt--negative-3 {
      padding-top: -3rem; }
    header .lg-pb--negative-3,
    footer .lg-pb--negative-3 {
      padding-bottom: -3rem; }
    header .lg-pl--negative-3,
    footer .lg-pl--negative-3 {
      padding-left: -3rem; }
    header .lg-pr--negative-3,
    footer .lg-pr--negative-3 {
      padding-right: -3rem; }
    header .lg-p--negative-4,
    footer .lg-p--negative-4 {
      padding: -4rem; }
    header .lg-px--negative-4,
    footer .lg-px--negative-4 {
      padding-left: -4rem;
      padding-right: -4rem; }
    header .lg-py--negative-4,
    footer .lg-py--negative-4 {
      padding-top: -4rem;
      padding-bottom: -4rem; }
    header .lg-pt--negative-4,
    footer .lg-pt--negative-4 {
      padding-top: -4rem; }
    header .lg-pb--negative-4,
    footer .lg-pb--negative-4 {
      padding-bottom: -4rem; }
    header .lg-pl--negative-4,
    footer .lg-pl--negative-4 {
      padding-left: -4rem; }
    header .lg-pr--negative-4,
    footer .lg-pr--negative-4 {
      padding-right: -4rem; }
    header .lg-p--negative-5,
    footer .lg-p--negative-5 {
      padding: -5rem; }
    header .lg-px--negative-5,
    footer .lg-px--negative-5 {
      padding-left: -5rem;
      padding-right: -5rem; }
    header .lg-py--negative-5,
    footer .lg-py--negative-5 {
      padding-top: -5rem;
      padding-bottom: -5rem; }
    header .lg-pt--negative-5,
    footer .lg-pt--negative-5 {
      padding-top: -5rem; }
    header .lg-pb--negative-5,
    footer .lg-pb--negative-5 {
      padding-bottom: -5rem; }
    header .lg-pl--negative-5,
    footer .lg-pl--negative-5 {
      padding-left: -5rem; }
    header .lg-pr--negative-5,
    footer .lg-pr--negative-5 {
      padding-right: -5rem; }
    header .lg-p--negative-6,
    footer .lg-p--negative-6 {
      padding: -6rem; }
    header .lg-px--negative-6,
    footer .lg-px--negative-6 {
      padding-left: -6rem;
      padding-right: -6rem; }
    header .lg-py--negative-6,
    footer .lg-py--negative-6 {
      padding-top: -6rem;
      padding-bottom: -6rem; }
    header .lg-pt--negative-6,
    footer .lg-pt--negative-6 {
      padding-top: -6rem; }
    header .lg-pb--negative-6,
    footer .lg-pb--negative-6 {
      padding-bottom: -6rem; }
    header .lg-pl--negative-6,
    footer .lg-pl--negative-6 {
      padding-left: -6rem; }
    header .lg-pr--negative-6,
    footer .lg-pr--negative-6 {
      padding-right: -6rem; }
    header .lg-p--negative-7,
    footer .lg-p--negative-7 {
      padding: -7rem; }
    header .lg-px--negative-7,
    footer .lg-px--negative-7 {
      padding-left: -7rem;
      padding-right: -7rem; }
    header .lg-py--negative-7,
    footer .lg-py--negative-7 {
      padding-top: -7rem;
      padding-bottom: -7rem; }
    header .lg-pt--negative-7,
    footer .lg-pt--negative-7 {
      padding-top: -7rem; }
    header .lg-pb--negative-7,
    footer .lg-pb--negative-7 {
      padding-bottom: -7rem; }
    header .lg-pl--negative-7,
    footer .lg-pl--negative-7 {
      padding-left: -7rem; }
    header .lg-pr--negative-7,
    footer .lg-pr--negative-7 {
      padding-right: -7rem; }
    header .lg-p--negative-8,
    footer .lg-p--negative-8 {
      padding: -8rem; }
    header .lg-px--negative-8,
    footer .lg-px--negative-8 {
      padding-left: -8rem;
      padding-right: -8rem; }
    header .lg-py--negative-8,
    footer .lg-py--negative-8 {
      padding-top: -8rem;
      padding-bottom: -8rem; }
    header .lg-pt--negative-8,
    footer .lg-pt--negative-8 {
      padding-top: -8rem; }
    header .lg-pb--negative-8,
    footer .lg-pb--negative-8 {
      padding-bottom: -8rem; }
    header .lg-pl--negative-8,
    footer .lg-pl--negative-8 {
      padding-left: -8rem; }
    header .lg-pr--negative-8,
    footer .lg-pr--negative-8 {
      padding-right: -8rem; }
    header .lg-p--negative-9,
    footer .lg-p--negative-9 {
      padding: -9rem; }
    header .lg-px--negative-9,
    footer .lg-px--negative-9 {
      padding-left: -9rem;
      padding-right: -9rem; }
    header .lg-py--negative-9,
    footer .lg-py--negative-9 {
      padding-top: -9rem;
      padding-bottom: -9rem; }
    header .lg-pt--negative-9,
    footer .lg-pt--negative-9 {
      padding-top: -9rem; }
    header .lg-pb--negative-9,
    footer .lg-pb--negative-9 {
      padding-bottom: -9rem; }
    header .lg-pl--negative-9,
    footer .lg-pl--negative-9 {
      padding-left: -9rem; }
    header .lg-pr--negative-9,
    footer .lg-pr--negative-9 {
      padding-right: -9rem; }
    header .lg-p--negative-10,
    footer .lg-p--negative-10 {
      padding: -10rem; }
    header .lg-px--negative-10,
    footer .lg-px--negative-10 {
      padding-left: -10rem;
      padding-right: -10rem; }
    header .lg-py--negative-10,
    footer .lg-py--negative-10 {
      padding-top: -10rem;
      padding-bottom: -10rem; }
    header .lg-pt--negative-10,
    footer .lg-pt--negative-10 {
      padding-top: -10rem; }
    header .lg-pb--negative-10,
    footer .lg-pb--negative-10 {
      padding-bottom: -10rem; }
    header .lg-pl--negative-10,
    footer .lg-pl--negative-10 {
      padding-left: -10rem; }
    header .lg-pr--negative-10,
    footer .lg-pr--negative-10 {
      padding-right: -10rem; }
    header .lg-p--auto,
    footer .lg-p--auto {
      padding: auto; }
    header .lg-px--auto,
    footer .lg-px--auto {
      padding-left: auto;
      padding-right: auto; }
    header .lg-py--auto,
    footer .lg-py--auto {
      padding-top: auto;
      padding-bottom: auto; }
    header .lg-pt--auto,
    footer .lg-pt--auto {
      padding-top: auto; }
    header .lg-pb--auto,
    footer .lg-pb--auto {
      padding-bottom: auto; }
    header .lg-pl--auto,
    footer .lg-pl--auto {
      padding-left: auto; }
    header .lg-pr--auto,
    footer .lg-pr--auto {
      padding-right: auto; } }
  @media screen and (min-width: 63.9375rem) and (max-width: 76.5rem) {
    header .lg-only-mb--0-forced,
    footer .lg-only-mb--0-forced {
      margin-bottom: 0 !important; }
    header .lg-only-mb--1-forced,
    footer .lg-only-mb--1-forced {
      margin-bottom: 1rem !important; }
    header .lg-only-mb--half-forced,
    footer .lg-only-mb--half-forced {
      margin-bottom: 0.5rem !important; }
    header .lg-only-pb--0-forced,
    footer .lg-only-pb--0-forced {
      padding-bottom: 0 !important; }
    header .lg-only-px--1-forced,
    footer .lg-only-px--1-forced {
      padding-left: 1rem !important;
      padding-right: 1rem !important; }
    header .lg-only-my--0-forced,
    footer .lg-only-my--0-forced {
      margin-bottom: 0 !important;
      margin-top: 0 !important; }
    header .lg-only-px--half-forced,
    footer .lg-only-px--half-forced {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important; }
    header .lg-only-mt--1-forced,
    footer .lg-only-mt--1-forced {
      margin-top: 1rem !important; }
    header .lg-only-px--2-forced,
    footer .lg-only-px--2-forced {
      padding-left: 2rem !important;
      padding-right: 2rem !important; }
    header .lg-only-pr--2-forced,
    footer .lg-only-pr--2-forced {
      padding-right: 2rem !important; }
    header .lg-only-mr--1-forced,
    footer .lg-only-mr--1-forced {
      margin-right: 2rem !important; }
    header .lg-only-ml--0-forced,
    footer .lg-only-ml--0-forced {
      margin-left: 0rem !important; }
    header .lg-only-m--0,
    footer .lg-only-m--0 {
      margin: 0rem; }
    header .lg-only-mx--0,
    footer .lg-only-mx--0 {
      margin-left: 0rem;
      margin-right: 0rem; }
    header .lg-only-my--0,
    footer .lg-only-my--0 {
      margin-top: 0rem;
      margin-bottom: 0rem; }
    header .lg-only-mt--0,
    footer .lg-only-mt--0 {
      margin-top: 0rem; }
    header .lg-only-mb--0,
    footer .lg-only-mb--0 {
      margin-bottom: 0rem; }
    header .lg-only-ml--0,
    footer .lg-only-ml--0 {
      margin-left: 0rem; }
    header .lg-only-mr--0,
    footer .lg-only-mr--0 {
      margin-right: 0rem; }
    header .lg-only-m--quarter,
    footer .lg-only-m--quarter {
      margin: 0.25rem; }
    header .lg-only-mx--quarter,
    footer .lg-only-mx--quarter {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }
    header .lg-only-my--quarter,
    footer .lg-only-my--quarter {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem; }
    header .lg-only-mt--quarter,
    footer .lg-only-mt--quarter {
      margin-top: 0.25rem; }
    header .lg-only-mb--quarter,
    footer .lg-only-mb--quarter {
      margin-bottom: 0.25rem; }
    header .lg-only-ml--quarter,
    footer .lg-only-ml--quarter {
      margin-left: 0.25rem; }
    header .lg-only-mr--quarter,
    footer .lg-only-mr--quarter {
      margin-right: 0.25rem; }
    header .lg-only-m--half,
    footer .lg-only-m--half {
      margin: 0.5rem; }
    header .lg-only-mx--half,
    footer .lg-only-mx--half {
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
    header .lg-only-my--half,
    footer .lg-only-my--half {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    header .lg-only-mt--half,
    footer .lg-only-mt--half {
      margin-top: 0.5rem; }
    header .lg-only-mb--half,
    footer .lg-only-mb--half {
      margin-bottom: 0.5rem; }
    header .lg-only-ml--half,
    footer .lg-only-ml--half {
      margin-left: 0.5rem; }
    header .lg-only-mr--half,
    footer .lg-only-mr--half {
      margin-right: 0.5rem; }
    header .lg-only-m--3-quarters,
    footer .lg-only-m--3-quarters {
      margin: 0.75rem; }
    header .lg-only-mx--3-quarters,
    footer .lg-only-mx--3-quarters {
      margin-left: 0.75rem;
      margin-right: 0.75rem; }
    header .lg-only-my--3-quarters,
    footer .lg-only-my--3-quarters {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem; }
    header .lg-only-mt--3-quarters,
    footer .lg-only-mt--3-quarters {
      margin-top: 0.75rem; }
    header .lg-only-mb--3-quarters,
    footer .lg-only-mb--3-quarters {
      margin-bottom: 0.75rem; }
    header .lg-only-ml--3-quarters,
    footer .lg-only-ml--3-quarters {
      margin-left: 0.75rem; }
    header .lg-only-mr--3-quarters,
    footer .lg-only-mr--3-quarters {
      margin-right: 0.75rem; }
    header .lg-only-m--1,
    footer .lg-only-m--1 {
      margin: 1rem; }
    header .lg-only-mx--1,
    footer .lg-only-mx--1 {
      margin-left: 1rem;
      margin-right: 1rem; }
    header .lg-only-my--1,
    footer .lg-only-my--1 {
      margin-top: 1rem;
      margin-bottom: 1rem; }
    header .lg-only-mt--1,
    footer .lg-only-mt--1 {
      margin-top: 1rem; }
    header .lg-only-mb--1,
    footer .lg-only-mb--1 {
      margin-bottom: 1rem; }
    header .lg-only-ml--1,
    footer .lg-only-ml--1 {
      margin-left: 1rem; }
    header .lg-only-mr--1,
    footer .lg-only-mr--1 {
      margin-right: 1rem; }
    header .lg-only-m--1-half,
    footer .lg-only-m--1-half {
      margin: 1.5rem; }
    header .lg-only-mx--1-half,
    footer .lg-only-mx--1-half {
      margin-left: 1.5rem;
      margin-right: 1.5rem; }
    header .lg-only-my--1-half,
    footer .lg-only-my--1-half {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; }
    header .lg-only-mt--1-half,
    footer .lg-only-mt--1-half {
      margin-top: 1.5rem; }
    header .lg-only-mb--1-half,
    footer .lg-only-mb--1-half {
      margin-bottom: 1.5rem; }
    header .lg-only-ml--1-half,
    footer .lg-only-ml--1-half {
      margin-left: 1.5rem; }
    header .lg-only-mr--1-half,
    footer .lg-only-mr--1-half {
      margin-right: 1.5rem; }
    header .lg-only-m--2,
    footer .lg-only-m--2 {
      margin: 2rem; }
    header .lg-only-mx--2,
    footer .lg-only-mx--2 {
      margin-left: 2rem;
      margin-right: 2rem; }
    header .lg-only-my--2,
    footer .lg-only-my--2 {
      margin-top: 2rem;
      margin-bottom: 2rem; }
    header .lg-only-mt--2,
    footer .lg-only-mt--2 {
      margin-top: 2rem; }
    header .lg-only-mb--2,
    footer .lg-only-mb--2 {
      margin-bottom: 2rem; }
    header .lg-only-ml--2,
    footer .lg-only-ml--2 {
      margin-left: 2rem; }
    header .lg-only-mr--2,
    footer .lg-only-mr--2 {
      margin-right: 2rem; }
    header .lg-only-m--2-half,
    footer .lg-only-m--2-half {
      margin: 2.5rem; }
    header .lg-only-mx--2-half,
    footer .lg-only-mx--2-half {
      margin-left: 2.5rem;
      margin-right: 2.5rem; }
    header .lg-only-my--2-half,
    footer .lg-only-my--2-half {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem; }
    header .lg-only-mt--2-half,
    footer .lg-only-mt--2-half {
      margin-top: 2.5rem; }
    header .lg-only-mb--2-half,
    footer .lg-only-mb--2-half {
      margin-bottom: 2.5rem; }
    header .lg-only-ml--2-half,
    footer .lg-only-ml--2-half {
      margin-left: 2.5rem; }
    header .lg-only-mr--2-half,
    footer .lg-only-mr--2-half {
      margin-right: 2.5rem; }
    header .lg-only-m--3,
    footer .lg-only-m--3 {
      margin: 3rem; }
    header .lg-only-mx--3,
    footer .lg-only-mx--3 {
      margin-left: 3rem;
      margin-right: 3rem; }
    header .lg-only-my--3,
    footer .lg-only-my--3 {
      margin-top: 3rem;
      margin-bottom: 3rem; }
    header .lg-only-mt--3,
    footer .lg-only-mt--3 {
      margin-top: 3rem; }
    header .lg-only-mb--3,
    footer .lg-only-mb--3 {
      margin-bottom: 3rem; }
    header .lg-only-ml--3,
    footer .lg-only-ml--3 {
      margin-left: 3rem; }
    header .lg-only-mr--3,
    footer .lg-only-mr--3 {
      margin-right: 3rem; }
    header .lg-only-m--3-half,
    footer .lg-only-m--3-half {
      margin: 3.5rem; }
    header .lg-only-mx--3-half,
    footer .lg-only-mx--3-half {
      margin-left: 3.5rem;
      margin-right: 3.5rem; }
    header .lg-only-my--3-half,
    footer .lg-only-my--3-half {
      margin-top: 3.5rem;
      margin-bottom: 3.5rem; }
    header .lg-only-mt--3-half,
    footer .lg-only-mt--3-half {
      margin-top: 3.5rem; }
    header .lg-only-mb--3-half,
    footer .lg-only-mb--3-half {
      margin-bottom: 3.5rem; }
    header .lg-only-ml--3-half,
    footer .lg-only-ml--3-half {
      margin-left: 3.5rem; }
    header .lg-only-mr--3-half,
    footer .lg-only-mr--3-half {
      margin-right: 3.5rem; }
    header .lg-only-m--4,
    footer .lg-only-m--4 {
      margin: 4rem; }
    header .lg-only-mx--4,
    footer .lg-only-mx--4 {
      margin-left: 4rem;
      margin-right: 4rem; }
    header .lg-only-my--4,
    footer .lg-only-my--4 {
      margin-top: 4rem;
      margin-bottom: 4rem; }
    header .lg-only-mt--4,
    footer .lg-only-mt--4 {
      margin-top: 4rem; }
    header .lg-only-mb--4,
    footer .lg-only-mb--4 {
      margin-bottom: 4rem; }
    header .lg-only-ml--4,
    footer .lg-only-ml--4 {
      margin-left: 4rem; }
    header .lg-only-mr--4,
    footer .lg-only-mr--4 {
      margin-right: 4rem; }
    header .lg-only-m--4-half,
    footer .lg-only-m--4-half {
      margin: 4.5rem; }
    header .lg-only-mx--4-half,
    footer .lg-only-mx--4-half {
      margin-left: 4.5rem;
      margin-right: 4.5rem; }
    header .lg-only-my--4-half,
    footer .lg-only-my--4-half {
      margin-top: 4.5rem;
      margin-bottom: 4.5rem; }
    header .lg-only-mt--4-half,
    footer .lg-only-mt--4-half {
      margin-top: 4.5rem; }
    header .lg-only-mb--4-half,
    footer .lg-only-mb--4-half {
      margin-bottom: 4.5rem; }
    header .lg-only-ml--4-half,
    footer .lg-only-ml--4-half {
      margin-left: 4.5rem; }
    header .lg-only-mr--4-half,
    footer .lg-only-mr--4-half {
      margin-right: 4.5rem; }
    header .lg-only-m--5,
    footer .lg-only-m--5 {
      margin: 5rem; }
    header .lg-only-mx--5,
    footer .lg-only-mx--5 {
      margin-left: 5rem;
      margin-right: 5rem; }
    header .lg-only-my--5,
    footer .lg-only-my--5 {
      margin-top: 5rem;
      margin-bottom: 5rem; }
    header .lg-only-mt--5,
    footer .lg-only-mt--5 {
      margin-top: 5rem; }
    header .lg-only-mb--5,
    footer .lg-only-mb--5 {
      margin-bottom: 5rem; }
    header .lg-only-ml--5,
    footer .lg-only-ml--5 {
      margin-left: 5rem; }
    header .lg-only-mr--5,
    footer .lg-only-mr--5 {
      margin-right: 5rem; }
    header .lg-only-m--5-half,
    footer .lg-only-m--5-half {
      margin: 5.5rem; }
    header .lg-only-mx--5-half,
    footer .lg-only-mx--5-half {
      margin-left: 5.5rem;
      margin-right: 5.5rem; }
    header .lg-only-my--5-half,
    footer .lg-only-my--5-half {
      margin-top: 5.5rem;
      margin-bottom: 5.5rem; }
    header .lg-only-mt--5-half,
    footer .lg-only-mt--5-half {
      margin-top: 5.5rem; }
    header .lg-only-mb--5-half,
    footer .lg-only-mb--5-half {
      margin-bottom: 5.5rem; }
    header .lg-only-ml--5-half,
    footer .lg-only-ml--5-half {
      margin-left: 5.5rem; }
    header .lg-only-mr--5-half,
    footer .lg-only-mr--5-half {
      margin-right: 5.5rem; }
    header .lg-only-m--6,
    footer .lg-only-m--6 {
      margin: 6rem; }
    header .lg-only-mx--6,
    footer .lg-only-mx--6 {
      margin-left: 6rem;
      margin-right: 6rem; }
    header .lg-only-my--6,
    footer .lg-only-my--6 {
      margin-top: 6rem;
      margin-bottom: 6rem; }
    header .lg-only-mt--6,
    footer .lg-only-mt--6 {
      margin-top: 6rem; }
    header .lg-only-mb--6,
    footer .lg-only-mb--6 {
      margin-bottom: 6rem; }
    header .lg-only-ml--6,
    footer .lg-only-ml--6 {
      margin-left: 6rem; }
    header .lg-only-mr--6,
    footer .lg-only-mr--6 {
      margin-right: 6rem; }
    header .lg-only-m--6-half,
    footer .lg-only-m--6-half {
      margin: 6.5rem; }
    header .lg-only-mx--6-half,
    footer .lg-only-mx--6-half {
      margin-left: 6.5rem;
      margin-right: 6.5rem; }
    header .lg-only-my--6-half,
    footer .lg-only-my--6-half {
      margin-top: 6.5rem;
      margin-bottom: 6.5rem; }
    header .lg-only-mt--6-half,
    footer .lg-only-mt--6-half {
      margin-top: 6.5rem; }
    header .lg-only-mb--6-half,
    footer .lg-only-mb--6-half {
      margin-bottom: 6.5rem; }
    header .lg-only-ml--6-half,
    footer .lg-only-ml--6-half {
      margin-left: 6.5rem; }
    header .lg-only-mr--6-half,
    footer .lg-only-mr--6-half {
      margin-right: 6.5rem; }
    header .lg-only-m--7,
    footer .lg-only-m--7 {
      margin: 7rem; }
    header .lg-only-mx--7,
    footer .lg-only-mx--7 {
      margin-left: 7rem;
      margin-right: 7rem; }
    header .lg-only-my--7,
    footer .lg-only-my--7 {
      margin-top: 7rem;
      margin-bottom: 7rem; }
    header .lg-only-mt--7,
    footer .lg-only-mt--7 {
      margin-top: 7rem; }
    header .lg-only-mb--7,
    footer .lg-only-mb--7 {
      margin-bottom: 7rem; }
    header .lg-only-ml--7,
    footer .lg-only-ml--7 {
      margin-left: 7rem; }
    header .lg-only-mr--7,
    footer .lg-only-mr--7 {
      margin-right: 7rem; }
    header .lg-only-m--7-half,
    footer .lg-only-m--7-half {
      margin: 7.5rem; }
    header .lg-only-mx--7-half,
    footer .lg-only-mx--7-half {
      margin-left: 7.5rem;
      margin-right: 7.5rem; }
    header .lg-only-my--7-half,
    footer .lg-only-my--7-half {
      margin-top: 7.5rem;
      margin-bottom: 7.5rem; }
    header .lg-only-mt--7-half,
    footer .lg-only-mt--7-half {
      margin-top: 7.5rem; }
    header .lg-only-mb--7-half,
    footer .lg-only-mb--7-half {
      margin-bottom: 7.5rem; }
    header .lg-only-ml--7-half,
    footer .lg-only-ml--7-half {
      margin-left: 7.5rem; }
    header .lg-only-mr--7-half,
    footer .lg-only-mr--7-half {
      margin-right: 7.5rem; }
    header .lg-only-m--8,
    footer .lg-only-m--8 {
      margin: 8rem; }
    header .lg-only-mx--8,
    footer .lg-only-mx--8 {
      margin-left: 8rem;
      margin-right: 8rem; }
    header .lg-only-my--8,
    footer .lg-only-my--8 {
      margin-top: 8rem;
      margin-bottom: 8rem; }
    header .lg-only-mt--8,
    footer .lg-only-mt--8 {
      margin-top: 8rem; }
    header .lg-only-mb--8,
    footer .lg-only-mb--8 {
      margin-bottom: 8rem; }
    header .lg-only-ml--8,
    footer .lg-only-ml--8 {
      margin-left: 8rem; }
    header .lg-only-mr--8,
    footer .lg-only-mr--8 {
      margin-right: 8rem; }
    header .lg-only-m--9,
    footer .lg-only-m--9 {
      margin: 9rem; }
    header .lg-only-mx--9,
    footer .lg-only-mx--9 {
      margin-left: 9rem;
      margin-right: 9rem; }
    header .lg-only-my--9,
    footer .lg-only-my--9 {
      margin-top: 9rem;
      margin-bottom: 9rem; }
    header .lg-only-mt--9,
    footer .lg-only-mt--9 {
      margin-top: 9rem; }
    header .lg-only-mb--9,
    footer .lg-only-mb--9 {
      margin-bottom: 9rem; }
    header .lg-only-ml--9,
    footer .lg-only-ml--9 {
      margin-left: 9rem; }
    header .lg-only-mr--9,
    footer .lg-only-mr--9 {
      margin-right: 9rem; }
    header .lg-only-m--10,
    footer .lg-only-m--10 {
      margin: 10rem; }
    header .lg-only-mx--10,
    footer .lg-only-mx--10 {
      margin-left: 10rem;
      margin-right: 10rem; }
    header .lg-only-my--10,
    footer .lg-only-my--10 {
      margin-top: 10rem;
      margin-bottom: 10rem; }
    header .lg-only-mt--10,
    footer .lg-only-mt--10 {
      margin-top: 10rem; }
    header .lg-only-mb--10,
    footer .lg-only-mb--10 {
      margin-bottom: 10rem; }
    header .lg-only-ml--10,
    footer .lg-only-ml--10 {
      margin-left: 10rem; }
    header .lg-only-mr--10,
    footer .lg-only-mr--10 {
      margin-right: 10rem; }
    header .lg-only-m--11,
    footer .lg-only-m--11 {
      margin: 11rem; }
    header .lg-only-mx--11,
    footer .lg-only-mx--11 {
      margin-left: 11rem;
      margin-right: 11rem; }
    header .lg-only-my--11,
    footer .lg-only-my--11 {
      margin-top: 11rem;
      margin-bottom: 11rem; }
    header .lg-only-mt--11,
    footer .lg-only-mt--11 {
      margin-top: 11rem; }
    header .lg-only-mb--11,
    footer .lg-only-mb--11 {
      margin-bottom: 11rem; }
    header .lg-only-ml--11,
    footer .lg-only-ml--11 {
      margin-left: 11rem; }
    header .lg-only-mr--11,
    footer .lg-only-mr--11 {
      margin-right: 11rem; }
    header .lg-only-m--12,
    footer .lg-only-m--12 {
      margin: 12rem; }
    header .lg-only-mx--12,
    footer .lg-only-mx--12 {
      margin-left: 12rem;
      margin-right: 12rem; }
    header .lg-only-my--12,
    footer .lg-only-my--12 {
      margin-top: 12rem;
      margin-bottom: 12rem; }
    header .lg-only-mt--12,
    footer .lg-only-mt--12 {
      margin-top: 12rem; }
    header .lg-only-mb--12,
    footer .lg-only-mb--12 {
      margin-bottom: 12rem; }
    header .lg-only-ml--12,
    footer .lg-only-ml--12 {
      margin-left: 12rem; }
    header .lg-only-mr--12,
    footer .lg-only-mr--12 {
      margin-right: 12rem; }
    header .lg-only-m--13,
    footer .lg-only-m--13 {
      margin: 13rem; }
    header .lg-only-mx--13,
    footer .lg-only-mx--13 {
      margin-left: 13rem;
      margin-right: 13rem; }
    header .lg-only-my--13,
    footer .lg-only-my--13 {
      margin-top: 13rem;
      margin-bottom: 13rem; }
    header .lg-only-mt--13,
    footer .lg-only-mt--13 {
      margin-top: 13rem; }
    header .lg-only-mb--13,
    footer .lg-only-mb--13 {
      margin-bottom: 13rem; }
    header .lg-only-ml--13,
    footer .lg-only-ml--13 {
      margin-left: 13rem; }
    header .lg-only-mr--13,
    footer .lg-only-mr--13 {
      margin-right: 13rem; }
    header .lg-only-m--14,
    footer .lg-only-m--14 {
      margin: 14rem; }
    header .lg-only-mx--14,
    footer .lg-only-mx--14 {
      margin-left: 14rem;
      margin-right: 14rem; }
    header .lg-only-my--14,
    footer .lg-only-my--14 {
      margin-top: 14rem;
      margin-bottom: 14rem; }
    header .lg-only-mt--14,
    footer .lg-only-mt--14 {
      margin-top: 14rem; }
    header .lg-only-mb--14,
    footer .lg-only-mb--14 {
      margin-bottom: 14rem; }
    header .lg-only-ml--14,
    footer .lg-only-ml--14 {
      margin-left: 14rem; }
    header .lg-only-mr--14,
    footer .lg-only-mr--14 {
      margin-right: 14rem; }
    header .lg-only-m--15,
    footer .lg-only-m--15 {
      margin: 15rem; }
    header .lg-only-mx--15,
    footer .lg-only-mx--15 {
      margin-left: 15rem;
      margin-right: 15rem; }
    header .lg-only-my--15,
    footer .lg-only-my--15 {
      margin-top: 15rem;
      margin-bottom: 15rem; }
    header .lg-only-mt--15,
    footer .lg-only-mt--15 {
      margin-top: 15rem; }
    header .lg-only-mb--15,
    footer .lg-only-mb--15 {
      margin-bottom: 15rem; }
    header .lg-only-ml--15,
    footer .lg-only-ml--15 {
      margin-left: 15rem; }
    header .lg-only-mr--15,
    footer .lg-only-mr--15 {
      margin-right: 15rem; }
    header .lg-only-m--16,
    footer .lg-only-m--16 {
      margin: 16rem; }
    header .lg-only-mx--16,
    footer .lg-only-mx--16 {
      margin-left: 16rem;
      margin-right: 16rem; }
    header .lg-only-my--16,
    footer .lg-only-my--16 {
      margin-top: 16rem;
      margin-bottom: 16rem; }
    header .lg-only-mt--16,
    footer .lg-only-mt--16 {
      margin-top: 16rem; }
    header .lg-only-mb--16,
    footer .lg-only-mb--16 {
      margin-bottom: 16rem; }
    header .lg-only-ml--16,
    footer .lg-only-ml--16 {
      margin-left: 16rem; }
    header .lg-only-mr--16,
    footer .lg-only-mr--16 {
      margin-right: 16rem; }
    header .lg-only-m--17,
    footer .lg-only-m--17 {
      margin: 17rem; }
    header .lg-only-mx--17,
    footer .lg-only-mx--17 {
      margin-left: 17rem;
      margin-right: 17rem; }
    header .lg-only-my--17,
    footer .lg-only-my--17 {
      margin-top: 17rem;
      margin-bottom: 17rem; }
    header .lg-only-mt--17,
    footer .lg-only-mt--17 {
      margin-top: 17rem; }
    header .lg-only-mb--17,
    footer .lg-only-mb--17 {
      margin-bottom: 17rem; }
    header .lg-only-ml--17,
    footer .lg-only-ml--17 {
      margin-left: 17rem; }
    header .lg-only-mr--17,
    footer .lg-only-mr--17 {
      margin-right: 17rem; }
    header .lg-only-m--18,
    footer .lg-only-m--18 {
      margin: 18rem; }
    header .lg-only-mx--18,
    footer .lg-only-mx--18 {
      margin-left: 18rem;
      margin-right: 18rem; }
    header .lg-only-my--18,
    footer .lg-only-my--18 {
      margin-top: 18rem;
      margin-bottom: 18rem; }
    header .lg-only-mt--18,
    footer .lg-only-mt--18 {
      margin-top: 18rem; }
    header .lg-only-mb--18,
    footer .lg-only-mb--18 {
      margin-bottom: 18rem; }
    header .lg-only-ml--18,
    footer .lg-only-ml--18 {
      margin-left: 18rem; }
    header .lg-only-mr--18,
    footer .lg-only-mr--18 {
      margin-right: 18rem; }
    header .lg-only-m--19,
    footer .lg-only-m--19 {
      margin: 19rem; }
    header .lg-only-mx--19,
    footer .lg-only-mx--19 {
      margin-left: 19rem;
      margin-right: 19rem; }
    header .lg-only-my--19,
    footer .lg-only-my--19 {
      margin-top: 19rem;
      margin-bottom: 19rem; }
    header .lg-only-mt--19,
    footer .lg-only-mt--19 {
      margin-top: 19rem; }
    header .lg-only-mb--19,
    footer .lg-only-mb--19 {
      margin-bottom: 19rem; }
    header .lg-only-ml--19,
    footer .lg-only-ml--19 {
      margin-left: 19rem; }
    header .lg-only-mr--19,
    footer .lg-only-mr--19 {
      margin-right: 19rem; }
    header .lg-only-m--20,
    footer .lg-only-m--20 {
      margin: 20rem; }
    header .lg-only-mx--20,
    footer .lg-only-mx--20 {
      margin-left: 20rem;
      margin-right: 20rem; }
    header .lg-only-my--20,
    footer .lg-only-my--20 {
      margin-top: 20rem;
      margin-bottom: 20rem; }
    header .lg-only-mt--20,
    footer .lg-only-mt--20 {
      margin-top: 20rem; }
    header .lg-only-mb--20,
    footer .lg-only-mb--20 {
      margin-bottom: 20rem; }
    header .lg-only-ml--20,
    footer .lg-only-ml--20 {
      margin-left: 20rem; }
    header .lg-only-mr--20,
    footer .lg-only-mr--20 {
      margin-right: 20rem; }
    header .lg-only-m--negative-quarter,
    footer .lg-only-m--negative-quarter {
      margin: -0.25rem; }
    header .lg-only-mx--negative-quarter,
    footer .lg-only-mx--negative-quarter {
      margin-left: -0.25rem;
      margin-right: -0.25rem; }
    header .lg-only-my--negative-quarter,
    footer .lg-only-my--negative-quarter {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem; }
    header .lg-only-mt--negative-quarter,
    footer .lg-only-mt--negative-quarter {
      margin-top: -0.25rem; }
    header .lg-only-mb--negative-quarter,
    footer .lg-only-mb--negative-quarter {
      margin-bottom: -0.25rem; }
    header .lg-only-ml--negative-quarter,
    footer .lg-only-ml--negative-quarter {
      margin-left: -0.25rem; }
    header .lg-only-mr--negative-quarter,
    footer .lg-only-mr--negative-quarter {
      margin-right: -0.25rem; }
    header .lg-only-m--negative-3-quarters,
    footer .lg-only-m--negative-3-quarters {
      margin: -0.75rem; }
    header .lg-only-mx--negative-3-quarters,
    footer .lg-only-mx--negative-3-quarters {
      margin-left: -0.75rem;
      margin-right: -0.75rem; }
    header .lg-only-my--negative-3-quarters,
    footer .lg-only-my--negative-3-quarters {
      margin-top: -0.75rem;
      margin-bottom: -0.75rem; }
    header .lg-only-mt--negative-3-quarters,
    footer .lg-only-mt--negative-3-quarters {
      margin-top: -0.75rem; }
    header .lg-only-mb--negative-3-quarters,
    footer .lg-only-mb--negative-3-quarters {
      margin-bottom: -0.75rem; }
    header .lg-only-ml--negative-3-quarters,
    footer .lg-only-ml--negative-3-quarters {
      margin-left: -0.75rem; }
    header .lg-only-mr--negative-3-quarters,
    footer .lg-only-mr--negative-3-quarters {
      margin-right: -0.75rem; }
    header .lg-only-m--negative-half,
    footer .lg-only-m--negative-half {
      margin: -0.5rem; }
    header .lg-only-mx--negative-half,
    footer .lg-only-mx--negative-half {
      margin-left: -0.5rem;
      margin-right: -0.5rem; }
    header .lg-only-my--negative-half,
    footer .lg-only-my--negative-half {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem; }
    header .lg-only-mt--negative-half,
    footer .lg-only-mt--negative-half {
      margin-top: -0.5rem; }
    header .lg-only-mb--negative-half,
    footer .lg-only-mb--negative-half {
      margin-bottom: -0.5rem; }
    header .lg-only-ml--negative-half,
    footer .lg-only-ml--negative-half {
      margin-left: -0.5rem; }
    header .lg-only-mr--negative-half,
    footer .lg-only-mr--negative-half {
      margin-right: -0.5rem; }
    header .lg-only-m--negative-1,
    footer .lg-only-m--negative-1 {
      margin: -1rem; }
    header .lg-only-mx--negative-1,
    footer .lg-only-mx--negative-1 {
      margin-left: -1rem;
      margin-right: -1rem; }
    header .lg-only-my--negative-1,
    footer .lg-only-my--negative-1 {
      margin-top: -1rem;
      margin-bottom: -1rem; }
    header .lg-only-mt--negative-1,
    footer .lg-only-mt--negative-1 {
      margin-top: -1rem; }
    header .lg-only-mb--negative-1,
    footer .lg-only-mb--negative-1 {
      margin-bottom: -1rem; }
    header .lg-only-ml--negative-1,
    footer .lg-only-ml--negative-1 {
      margin-left: -1rem; }
    header .lg-only-mr--negative-1,
    footer .lg-only-mr--negative-1 {
      margin-right: -1rem; }
    header .lg-only-m--negative-1-half,
    footer .lg-only-m--negative-1-half {
      margin: -1.5rem; }
    header .lg-only-mx--negative-1-half,
    footer .lg-only-mx--negative-1-half {
      margin-left: -1.5rem;
      margin-right: -1.5rem; }
    header .lg-only-my--negative-1-half,
    footer .lg-only-my--negative-1-half {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem; }
    header .lg-only-mt--negative-1-half,
    footer .lg-only-mt--negative-1-half {
      margin-top: -1.5rem; }
    header .lg-only-mb--negative-1-half,
    footer .lg-only-mb--negative-1-half {
      margin-bottom: -1.5rem; }
    header .lg-only-ml--negative-1-half,
    footer .lg-only-ml--negative-1-half {
      margin-left: -1.5rem; }
    header .lg-only-mr--negative-1-half,
    footer .lg-only-mr--negative-1-half {
      margin-right: -1.5rem; }
    header .lg-only-m--negative-2,
    footer .lg-only-m--negative-2 {
      margin: -2rem; }
    header .lg-only-mx--negative-2,
    footer .lg-only-mx--negative-2 {
      margin-left: -2rem;
      margin-right: -2rem; }
    header .lg-only-my--negative-2,
    footer .lg-only-my--negative-2 {
      margin-top: -2rem;
      margin-bottom: -2rem; }
    header .lg-only-mt--negative-2,
    footer .lg-only-mt--negative-2 {
      margin-top: -2rem; }
    header .lg-only-mb--negative-2,
    footer .lg-only-mb--negative-2 {
      margin-bottom: -2rem; }
    header .lg-only-ml--negative-2,
    footer .lg-only-ml--negative-2 {
      margin-left: -2rem; }
    header .lg-only-mr--negative-2,
    footer .lg-only-mr--negative-2 {
      margin-right: -2rem; }
    header .lg-only-m--negative-3,
    footer .lg-only-m--negative-3 {
      margin: -3rem; }
    header .lg-only-mx--negative-3,
    footer .lg-only-mx--negative-3 {
      margin-left: -3rem;
      margin-right: -3rem; }
    header .lg-only-my--negative-3,
    footer .lg-only-my--negative-3 {
      margin-top: -3rem;
      margin-bottom: -3rem; }
    header .lg-only-mt--negative-3,
    footer .lg-only-mt--negative-3 {
      margin-top: -3rem; }
    header .lg-only-mb--negative-3,
    footer .lg-only-mb--negative-3 {
      margin-bottom: -3rem; }
    header .lg-only-ml--negative-3,
    footer .lg-only-ml--negative-3 {
      margin-left: -3rem; }
    header .lg-only-mr--negative-3,
    footer .lg-only-mr--negative-3 {
      margin-right: -3rem; }
    header .lg-only-m--negative-4,
    footer .lg-only-m--negative-4 {
      margin: -4rem; }
    header .lg-only-mx--negative-4,
    footer .lg-only-mx--negative-4 {
      margin-left: -4rem;
      margin-right: -4rem; }
    header .lg-only-my--negative-4,
    footer .lg-only-my--negative-4 {
      margin-top: -4rem;
      margin-bottom: -4rem; }
    header .lg-only-mt--negative-4,
    footer .lg-only-mt--negative-4 {
      margin-top: -4rem; }
    header .lg-only-mb--negative-4,
    footer .lg-only-mb--negative-4 {
      margin-bottom: -4rem; }
    header .lg-only-ml--negative-4,
    footer .lg-only-ml--negative-4 {
      margin-left: -4rem; }
    header .lg-only-mr--negative-4,
    footer .lg-only-mr--negative-4 {
      margin-right: -4rem; }
    header .lg-only-m--negative-5,
    footer .lg-only-m--negative-5 {
      margin: -5rem; }
    header .lg-only-mx--negative-5,
    footer .lg-only-mx--negative-5 {
      margin-left: -5rem;
      margin-right: -5rem; }
    header .lg-only-my--negative-5,
    footer .lg-only-my--negative-5 {
      margin-top: -5rem;
      margin-bottom: -5rem; }
    header .lg-only-mt--negative-5,
    footer .lg-only-mt--negative-5 {
      margin-top: -5rem; }
    header .lg-only-mb--negative-5,
    footer .lg-only-mb--negative-5 {
      margin-bottom: -5rem; }
    header .lg-only-ml--negative-5,
    footer .lg-only-ml--negative-5 {
      margin-left: -5rem; }
    header .lg-only-mr--negative-5,
    footer .lg-only-mr--negative-5 {
      margin-right: -5rem; }
    header .lg-only-m--negative-6,
    footer .lg-only-m--negative-6 {
      margin: -6rem; }
    header .lg-only-mx--negative-6,
    footer .lg-only-mx--negative-6 {
      margin-left: -6rem;
      margin-right: -6rem; }
    header .lg-only-my--negative-6,
    footer .lg-only-my--negative-6 {
      margin-top: -6rem;
      margin-bottom: -6rem; }
    header .lg-only-mt--negative-6,
    footer .lg-only-mt--negative-6 {
      margin-top: -6rem; }
    header .lg-only-mb--negative-6,
    footer .lg-only-mb--negative-6 {
      margin-bottom: -6rem; }
    header .lg-only-ml--negative-6,
    footer .lg-only-ml--negative-6 {
      margin-left: -6rem; }
    header .lg-only-mr--negative-6,
    footer .lg-only-mr--negative-6 {
      margin-right: -6rem; }
    header .lg-only-m--negative-7,
    footer .lg-only-m--negative-7 {
      margin: -7rem; }
    header .lg-only-mx--negative-7,
    footer .lg-only-mx--negative-7 {
      margin-left: -7rem;
      margin-right: -7rem; }
    header .lg-only-my--negative-7,
    footer .lg-only-my--negative-7 {
      margin-top: -7rem;
      margin-bottom: -7rem; }
    header .lg-only-mt--negative-7,
    footer .lg-only-mt--negative-7 {
      margin-top: -7rem; }
    header .lg-only-mb--negative-7,
    footer .lg-only-mb--negative-7 {
      margin-bottom: -7rem; }
    header .lg-only-ml--negative-7,
    footer .lg-only-ml--negative-7 {
      margin-left: -7rem; }
    header .lg-only-mr--negative-7,
    footer .lg-only-mr--negative-7 {
      margin-right: -7rem; }
    header .lg-only-m--negative-8,
    footer .lg-only-m--negative-8 {
      margin: -8rem; }
    header .lg-only-mx--negative-8,
    footer .lg-only-mx--negative-8 {
      margin-left: -8rem;
      margin-right: -8rem; }
    header .lg-only-my--negative-8,
    footer .lg-only-my--negative-8 {
      margin-top: -8rem;
      margin-bottom: -8rem; }
    header .lg-only-mt--negative-8,
    footer .lg-only-mt--negative-8 {
      margin-top: -8rem; }
    header .lg-only-mb--negative-8,
    footer .lg-only-mb--negative-8 {
      margin-bottom: -8rem; }
    header .lg-only-ml--negative-8,
    footer .lg-only-ml--negative-8 {
      margin-left: -8rem; }
    header .lg-only-mr--negative-8,
    footer .lg-only-mr--negative-8 {
      margin-right: -8rem; }
    header .lg-only-m--negative-9,
    footer .lg-only-m--negative-9 {
      margin: -9rem; }
    header .lg-only-mx--negative-9,
    footer .lg-only-mx--negative-9 {
      margin-left: -9rem;
      margin-right: -9rem; }
    header .lg-only-my--negative-9,
    footer .lg-only-my--negative-9 {
      margin-top: -9rem;
      margin-bottom: -9rem; }
    header .lg-only-mt--negative-9,
    footer .lg-only-mt--negative-9 {
      margin-top: -9rem; }
    header .lg-only-mb--negative-9,
    footer .lg-only-mb--negative-9 {
      margin-bottom: -9rem; }
    header .lg-only-ml--negative-9,
    footer .lg-only-ml--negative-9 {
      margin-left: -9rem; }
    header .lg-only-mr--negative-9,
    footer .lg-only-mr--negative-9 {
      margin-right: -9rem; }
    header .lg-only-m--negative-10,
    footer .lg-only-m--negative-10 {
      margin: -10rem; }
    header .lg-only-mx--negative-10,
    footer .lg-only-mx--negative-10 {
      margin-left: -10rem;
      margin-right: -10rem; }
    header .lg-only-my--negative-10,
    footer .lg-only-my--negative-10 {
      margin-top: -10rem;
      margin-bottom: -10rem; }
    header .lg-only-mt--negative-10,
    footer .lg-only-mt--negative-10 {
      margin-top: -10rem; }
    header .lg-only-mb--negative-10,
    footer .lg-only-mb--negative-10 {
      margin-bottom: -10rem; }
    header .lg-only-ml--negative-10,
    footer .lg-only-ml--negative-10 {
      margin-left: -10rem; }
    header .lg-only-mr--negative-10,
    footer .lg-only-mr--negative-10 {
      margin-right: -10rem; }
    header .lg-only-m--auto,
    footer .lg-only-m--auto {
      margin: auto; }
    header .lg-only-mx--auto,
    footer .lg-only-mx--auto {
      margin-left: auto;
      margin-right: auto; }
    header .lg-only-my--auto,
    footer .lg-only-my--auto {
      margin-top: auto;
      margin-bottom: auto; }
    header .lg-only-mt--auto,
    footer .lg-only-mt--auto {
      margin-top: auto; }
    header .lg-only-mb--auto,
    footer .lg-only-mb--auto {
      margin-bottom: auto; }
    header .lg-only-ml--auto,
    footer .lg-only-ml--auto {
      margin-left: auto; }
    header .lg-only-mr--auto,
    footer .lg-only-mr--auto {
      margin-right: auto; }
    header .lg-only-p--0,
    footer .lg-only-p--0 {
      padding: 0rem; }
    header .lg-only-px--0,
    footer .lg-only-px--0 {
      padding-left: 0rem;
      padding-right: 0rem; }
    header .lg-only-py--0,
    footer .lg-only-py--0 {
      padding-top: 0rem;
      padding-bottom: 0rem; }
    header .lg-only-pt--0,
    footer .lg-only-pt--0 {
      padding-top: 0rem; }
    header .lg-only-pb--0,
    footer .lg-only-pb--0 {
      padding-bottom: 0rem; }
    header .lg-only-pl--0,
    footer .lg-only-pl--0 {
      padding-left: 0rem; }
    header .lg-only-pr--0,
    footer .lg-only-pr--0 {
      padding-right: 0rem; }
    header .lg-only-p--quarter,
    footer .lg-only-p--quarter {
      padding: 0.25rem; }
    header .lg-only-px--quarter,
    footer .lg-only-px--quarter {
      padding-left: 0.25rem;
      padding-right: 0.25rem; }
    header .lg-only-py--quarter,
    footer .lg-only-py--quarter {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem; }
    header .lg-only-pt--quarter,
    footer .lg-only-pt--quarter {
      padding-top: 0.25rem; }
    header .lg-only-pb--quarter,
    footer .lg-only-pb--quarter {
      padding-bottom: 0.25rem; }
    header .lg-only-pl--quarter,
    footer .lg-only-pl--quarter {
      padding-left: 0.25rem; }
    header .lg-only-pr--quarter,
    footer .lg-only-pr--quarter {
      padding-right: 0.25rem; }
    header .lg-only-p--half,
    footer .lg-only-p--half {
      padding: 0.5rem; }
    header .lg-only-px--half,
    footer .lg-only-px--half {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
    header .lg-only-py--half,
    footer .lg-only-py--half {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    header .lg-only-pt--half,
    footer .lg-only-pt--half {
      padding-top: 0.5rem; }
    header .lg-only-pb--half,
    footer .lg-only-pb--half {
      padding-bottom: 0.5rem; }
    header .lg-only-pl--half,
    footer .lg-only-pl--half {
      padding-left: 0.5rem; }
    header .lg-only-pr--half,
    footer .lg-only-pr--half {
      padding-right: 0.5rem; }
    header .lg-only-p--3-quarters,
    footer .lg-only-p--3-quarters {
      padding: 0.75rem; }
    header .lg-only-px--3-quarters,
    footer .lg-only-px--3-quarters {
      padding-left: 0.75rem;
      padding-right: 0.75rem; }
    header .lg-only-py--3-quarters,
    footer .lg-only-py--3-quarters {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
    header .lg-only-pt--3-quarters,
    footer .lg-only-pt--3-quarters {
      padding-top: 0.75rem; }
    header .lg-only-pb--3-quarters,
    footer .lg-only-pb--3-quarters {
      padding-bottom: 0.75rem; }
    header .lg-only-pl--3-quarters,
    footer .lg-only-pl--3-quarters {
      padding-left: 0.75rem; }
    header .lg-only-pr--3-quarters,
    footer .lg-only-pr--3-quarters {
      padding-right: 0.75rem; }
    header .lg-only-p--1,
    footer .lg-only-p--1 {
      padding: 1rem; }
    header .lg-only-px--1,
    footer .lg-only-px--1 {
      padding-left: 1rem;
      padding-right: 1rem; }
    header .lg-only-py--1,
    footer .lg-only-py--1 {
      padding-top: 1rem;
      padding-bottom: 1rem; }
    header .lg-only-pt--1,
    footer .lg-only-pt--1 {
      padding-top: 1rem; }
    header .lg-only-pb--1,
    footer .lg-only-pb--1 {
      padding-bottom: 1rem; }
    header .lg-only-pl--1,
    footer .lg-only-pl--1 {
      padding-left: 1rem; }
    header .lg-only-pr--1,
    footer .lg-only-pr--1 {
      padding-right: 1rem; }
    header .lg-only-p--1-half,
    footer .lg-only-p--1-half {
      padding: 1.5rem; }
    header .lg-only-px--1-half,
    footer .lg-only-px--1-half {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
    header .lg-only-py--1-half,
    footer .lg-only-py--1-half {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
    header .lg-only-pt--1-half,
    footer .lg-only-pt--1-half {
      padding-top: 1.5rem; }
    header .lg-only-pb--1-half,
    footer .lg-only-pb--1-half {
      padding-bottom: 1.5rem; }
    header .lg-only-pl--1-half,
    footer .lg-only-pl--1-half {
      padding-left: 1.5rem; }
    header .lg-only-pr--1-half,
    footer .lg-only-pr--1-half {
      padding-right: 1.5rem; }
    header .lg-only-p--2,
    footer .lg-only-p--2 {
      padding: 2rem; }
    header .lg-only-px--2,
    footer .lg-only-px--2 {
      padding-left: 2rem;
      padding-right: 2rem; }
    header .lg-only-py--2,
    footer .lg-only-py--2 {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    header .lg-only-pt--2,
    footer .lg-only-pt--2 {
      padding-top: 2rem; }
    header .lg-only-pb--2,
    footer .lg-only-pb--2 {
      padding-bottom: 2rem; }
    header .lg-only-pl--2,
    footer .lg-only-pl--2 {
      padding-left: 2rem; }
    header .lg-only-pr--2,
    footer .lg-only-pr--2 {
      padding-right: 2rem; }
    header .lg-only-p--2-half,
    footer .lg-only-p--2-half {
      padding: 2.5rem; }
    header .lg-only-px--2-half,
    footer .lg-only-px--2-half {
      padding-left: 2.5rem;
      padding-right: 2.5rem; }
    header .lg-only-py--2-half,
    footer .lg-only-py--2-half {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
    header .lg-only-pt--2-half,
    footer .lg-only-pt--2-half {
      padding-top: 2.5rem; }
    header .lg-only-pb--2-half,
    footer .lg-only-pb--2-half {
      padding-bottom: 2.5rem; }
    header .lg-only-pl--2-half,
    footer .lg-only-pl--2-half {
      padding-left: 2.5rem; }
    header .lg-only-pr--2-half,
    footer .lg-only-pr--2-half {
      padding-right: 2.5rem; }
    header .lg-only-p--3,
    footer .lg-only-p--3 {
      padding: 3rem; }
    header .lg-only-px--3,
    footer .lg-only-px--3 {
      padding-left: 3rem;
      padding-right: 3rem; }
    header .lg-only-py--3,
    footer .lg-only-py--3 {
      padding-top: 3rem;
      padding-bottom: 3rem; }
    header .lg-only-pt--3,
    footer .lg-only-pt--3 {
      padding-top: 3rem; }
    header .lg-only-pb--3,
    footer .lg-only-pb--3 {
      padding-bottom: 3rem; }
    header .lg-only-pl--3,
    footer .lg-only-pl--3 {
      padding-left: 3rem; }
    header .lg-only-pr--3,
    footer .lg-only-pr--3 {
      padding-right: 3rem; }
    header .lg-only-p--3-half,
    footer .lg-only-p--3-half {
      padding: 3.5rem; }
    header .lg-only-px--3-half,
    footer .lg-only-px--3-half {
      padding-left: 3.5rem;
      padding-right: 3.5rem; }
    header .lg-only-py--3-half,
    footer .lg-only-py--3-half {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem; }
    header .lg-only-pt--3-half,
    footer .lg-only-pt--3-half {
      padding-top: 3.5rem; }
    header .lg-only-pb--3-half,
    footer .lg-only-pb--3-half {
      padding-bottom: 3.5rem; }
    header .lg-only-pl--3-half,
    footer .lg-only-pl--3-half {
      padding-left: 3.5rem; }
    header .lg-only-pr--3-half,
    footer .lg-only-pr--3-half {
      padding-right: 3.5rem; }
    header .lg-only-p--4,
    footer .lg-only-p--4 {
      padding: 4rem; }
    header .lg-only-px--4,
    footer .lg-only-px--4 {
      padding-left: 4rem;
      padding-right: 4rem; }
    header .lg-only-py--4,
    footer .lg-only-py--4 {
      padding-top: 4rem;
      padding-bottom: 4rem; }
    header .lg-only-pt--4,
    footer .lg-only-pt--4 {
      padding-top: 4rem; }
    header .lg-only-pb--4,
    footer .lg-only-pb--4 {
      padding-bottom: 4rem; }
    header .lg-only-pl--4,
    footer .lg-only-pl--4 {
      padding-left: 4rem; }
    header .lg-only-pr--4,
    footer .lg-only-pr--4 {
      padding-right: 4rem; }
    header .lg-only-p--4-half,
    footer .lg-only-p--4-half {
      padding: 4.5rem; }
    header .lg-only-px--4-half,
    footer .lg-only-px--4-half {
      padding-left: 4.5rem;
      padding-right: 4.5rem; }
    header .lg-only-py--4-half,
    footer .lg-only-py--4-half {
      padding-top: 4.5rem;
      padding-bottom: 4.5rem; }
    header .lg-only-pt--4-half,
    footer .lg-only-pt--4-half {
      padding-top: 4.5rem; }
    header .lg-only-pb--4-half,
    footer .lg-only-pb--4-half {
      padding-bottom: 4.5rem; }
    header .lg-only-pl--4-half,
    footer .lg-only-pl--4-half {
      padding-left: 4.5rem; }
    header .lg-only-pr--4-half,
    footer .lg-only-pr--4-half {
      padding-right: 4.5rem; }
    header .lg-only-p--5,
    footer .lg-only-p--5 {
      padding: 5rem; }
    header .lg-only-px--5,
    footer .lg-only-px--5 {
      padding-left: 5rem;
      padding-right: 5rem; }
    header .lg-only-py--5,
    footer .lg-only-py--5 {
      padding-top: 5rem;
      padding-bottom: 5rem; }
    header .lg-only-pt--5,
    footer .lg-only-pt--5 {
      padding-top: 5rem; }
    header .lg-only-pb--5,
    footer .lg-only-pb--5 {
      padding-bottom: 5rem; }
    header .lg-only-pl--5,
    footer .lg-only-pl--5 {
      padding-left: 5rem; }
    header .lg-only-pr--5,
    footer .lg-only-pr--5 {
      padding-right: 5rem; }
    header .lg-only-p--5-half,
    footer .lg-only-p--5-half {
      padding: 5.5rem; }
    header .lg-only-px--5-half,
    footer .lg-only-px--5-half {
      padding-left: 5.5rem;
      padding-right: 5.5rem; }
    header .lg-only-py--5-half,
    footer .lg-only-py--5-half {
      padding-top: 5.5rem;
      padding-bottom: 5.5rem; }
    header .lg-only-pt--5-half,
    footer .lg-only-pt--5-half {
      padding-top: 5.5rem; }
    header .lg-only-pb--5-half,
    footer .lg-only-pb--5-half {
      padding-bottom: 5.5rem; }
    header .lg-only-pl--5-half,
    footer .lg-only-pl--5-half {
      padding-left: 5.5rem; }
    header .lg-only-pr--5-half,
    footer .lg-only-pr--5-half {
      padding-right: 5.5rem; }
    header .lg-only-p--6,
    footer .lg-only-p--6 {
      padding: 6rem; }
    header .lg-only-px--6,
    footer .lg-only-px--6 {
      padding-left: 6rem;
      padding-right: 6rem; }
    header .lg-only-py--6,
    footer .lg-only-py--6 {
      padding-top: 6rem;
      padding-bottom: 6rem; }
    header .lg-only-pt--6,
    footer .lg-only-pt--6 {
      padding-top: 6rem; }
    header .lg-only-pb--6,
    footer .lg-only-pb--6 {
      padding-bottom: 6rem; }
    header .lg-only-pl--6,
    footer .lg-only-pl--6 {
      padding-left: 6rem; }
    header .lg-only-pr--6,
    footer .lg-only-pr--6 {
      padding-right: 6rem; }
    header .lg-only-p--6-half,
    footer .lg-only-p--6-half {
      padding: 6.5rem; }
    header .lg-only-px--6-half,
    footer .lg-only-px--6-half {
      padding-left: 6.5rem;
      padding-right: 6.5rem; }
    header .lg-only-py--6-half,
    footer .lg-only-py--6-half {
      padding-top: 6.5rem;
      padding-bottom: 6.5rem; }
    header .lg-only-pt--6-half,
    footer .lg-only-pt--6-half {
      padding-top: 6.5rem; }
    header .lg-only-pb--6-half,
    footer .lg-only-pb--6-half {
      padding-bottom: 6.5rem; }
    header .lg-only-pl--6-half,
    footer .lg-only-pl--6-half {
      padding-left: 6.5rem; }
    header .lg-only-pr--6-half,
    footer .lg-only-pr--6-half {
      padding-right: 6.5rem; }
    header .lg-only-p--7,
    footer .lg-only-p--7 {
      padding: 7rem; }
    header .lg-only-px--7,
    footer .lg-only-px--7 {
      padding-left: 7rem;
      padding-right: 7rem; }
    header .lg-only-py--7,
    footer .lg-only-py--7 {
      padding-top: 7rem;
      padding-bottom: 7rem; }
    header .lg-only-pt--7,
    footer .lg-only-pt--7 {
      padding-top: 7rem; }
    header .lg-only-pb--7,
    footer .lg-only-pb--7 {
      padding-bottom: 7rem; }
    header .lg-only-pl--7,
    footer .lg-only-pl--7 {
      padding-left: 7rem; }
    header .lg-only-pr--7,
    footer .lg-only-pr--7 {
      padding-right: 7rem; }
    header .lg-only-p--7-half,
    footer .lg-only-p--7-half {
      padding: 7.5rem; }
    header .lg-only-px--7-half,
    footer .lg-only-px--7-half {
      padding-left: 7.5rem;
      padding-right: 7.5rem; }
    header .lg-only-py--7-half,
    footer .lg-only-py--7-half {
      padding-top: 7.5rem;
      padding-bottom: 7.5rem; }
    header .lg-only-pt--7-half,
    footer .lg-only-pt--7-half {
      padding-top: 7.5rem; }
    header .lg-only-pb--7-half,
    footer .lg-only-pb--7-half {
      padding-bottom: 7.5rem; }
    header .lg-only-pl--7-half,
    footer .lg-only-pl--7-half {
      padding-left: 7.5rem; }
    header .lg-only-pr--7-half,
    footer .lg-only-pr--7-half {
      padding-right: 7.5rem; }
    header .lg-only-p--8,
    footer .lg-only-p--8 {
      padding: 8rem; }
    header .lg-only-px--8,
    footer .lg-only-px--8 {
      padding-left: 8rem;
      padding-right: 8rem; }
    header .lg-only-py--8,
    footer .lg-only-py--8 {
      padding-top: 8rem;
      padding-bottom: 8rem; }
    header .lg-only-pt--8,
    footer .lg-only-pt--8 {
      padding-top: 8rem; }
    header .lg-only-pb--8,
    footer .lg-only-pb--8 {
      padding-bottom: 8rem; }
    header .lg-only-pl--8,
    footer .lg-only-pl--8 {
      padding-left: 8rem; }
    header .lg-only-pr--8,
    footer .lg-only-pr--8 {
      padding-right: 8rem; }
    header .lg-only-p--9,
    footer .lg-only-p--9 {
      padding: 9rem; }
    header .lg-only-px--9,
    footer .lg-only-px--9 {
      padding-left: 9rem;
      padding-right: 9rem; }
    header .lg-only-py--9,
    footer .lg-only-py--9 {
      padding-top: 9rem;
      padding-bottom: 9rem; }
    header .lg-only-pt--9,
    footer .lg-only-pt--9 {
      padding-top: 9rem; }
    header .lg-only-pb--9,
    footer .lg-only-pb--9 {
      padding-bottom: 9rem; }
    header .lg-only-pl--9,
    footer .lg-only-pl--9 {
      padding-left: 9rem; }
    header .lg-only-pr--9,
    footer .lg-only-pr--9 {
      padding-right: 9rem; }
    header .lg-only-p--10,
    footer .lg-only-p--10 {
      padding: 10rem; }
    header .lg-only-px--10,
    footer .lg-only-px--10 {
      padding-left: 10rem;
      padding-right: 10rem; }
    header .lg-only-py--10,
    footer .lg-only-py--10 {
      padding-top: 10rem;
      padding-bottom: 10rem; }
    header .lg-only-pt--10,
    footer .lg-only-pt--10 {
      padding-top: 10rem; }
    header .lg-only-pb--10,
    footer .lg-only-pb--10 {
      padding-bottom: 10rem; }
    header .lg-only-pl--10,
    footer .lg-only-pl--10 {
      padding-left: 10rem; }
    header .lg-only-pr--10,
    footer .lg-only-pr--10 {
      padding-right: 10rem; }
    header .lg-only-p--11,
    footer .lg-only-p--11 {
      padding: 11rem; }
    header .lg-only-px--11,
    footer .lg-only-px--11 {
      padding-left: 11rem;
      padding-right: 11rem; }
    header .lg-only-py--11,
    footer .lg-only-py--11 {
      padding-top: 11rem;
      padding-bottom: 11rem; }
    header .lg-only-pt--11,
    footer .lg-only-pt--11 {
      padding-top: 11rem; }
    header .lg-only-pb--11,
    footer .lg-only-pb--11 {
      padding-bottom: 11rem; }
    header .lg-only-pl--11,
    footer .lg-only-pl--11 {
      padding-left: 11rem; }
    header .lg-only-pr--11,
    footer .lg-only-pr--11 {
      padding-right: 11rem; }
    header .lg-only-p--12,
    footer .lg-only-p--12 {
      padding: 12rem; }
    header .lg-only-px--12,
    footer .lg-only-px--12 {
      padding-left: 12rem;
      padding-right: 12rem; }
    header .lg-only-py--12,
    footer .lg-only-py--12 {
      padding-top: 12rem;
      padding-bottom: 12rem; }
    header .lg-only-pt--12,
    footer .lg-only-pt--12 {
      padding-top: 12rem; }
    header .lg-only-pb--12,
    footer .lg-only-pb--12 {
      padding-bottom: 12rem; }
    header .lg-only-pl--12,
    footer .lg-only-pl--12 {
      padding-left: 12rem; }
    header .lg-only-pr--12,
    footer .lg-only-pr--12 {
      padding-right: 12rem; }
    header .lg-only-p--13,
    footer .lg-only-p--13 {
      padding: 13rem; }
    header .lg-only-px--13,
    footer .lg-only-px--13 {
      padding-left: 13rem;
      padding-right: 13rem; }
    header .lg-only-py--13,
    footer .lg-only-py--13 {
      padding-top: 13rem;
      padding-bottom: 13rem; }
    header .lg-only-pt--13,
    footer .lg-only-pt--13 {
      padding-top: 13rem; }
    header .lg-only-pb--13,
    footer .lg-only-pb--13 {
      padding-bottom: 13rem; }
    header .lg-only-pl--13,
    footer .lg-only-pl--13 {
      padding-left: 13rem; }
    header .lg-only-pr--13,
    footer .lg-only-pr--13 {
      padding-right: 13rem; }
    header .lg-only-p--14,
    footer .lg-only-p--14 {
      padding: 14rem; }
    header .lg-only-px--14,
    footer .lg-only-px--14 {
      padding-left: 14rem;
      padding-right: 14rem; }
    header .lg-only-py--14,
    footer .lg-only-py--14 {
      padding-top: 14rem;
      padding-bottom: 14rem; }
    header .lg-only-pt--14,
    footer .lg-only-pt--14 {
      padding-top: 14rem; }
    header .lg-only-pb--14,
    footer .lg-only-pb--14 {
      padding-bottom: 14rem; }
    header .lg-only-pl--14,
    footer .lg-only-pl--14 {
      padding-left: 14rem; }
    header .lg-only-pr--14,
    footer .lg-only-pr--14 {
      padding-right: 14rem; }
    header .lg-only-p--15,
    footer .lg-only-p--15 {
      padding: 15rem; }
    header .lg-only-px--15,
    footer .lg-only-px--15 {
      padding-left: 15rem;
      padding-right: 15rem; }
    header .lg-only-py--15,
    footer .lg-only-py--15 {
      padding-top: 15rem;
      padding-bottom: 15rem; }
    header .lg-only-pt--15,
    footer .lg-only-pt--15 {
      padding-top: 15rem; }
    header .lg-only-pb--15,
    footer .lg-only-pb--15 {
      padding-bottom: 15rem; }
    header .lg-only-pl--15,
    footer .lg-only-pl--15 {
      padding-left: 15rem; }
    header .lg-only-pr--15,
    footer .lg-only-pr--15 {
      padding-right: 15rem; }
    header .lg-only-p--16,
    footer .lg-only-p--16 {
      padding: 16rem; }
    header .lg-only-px--16,
    footer .lg-only-px--16 {
      padding-left: 16rem;
      padding-right: 16rem; }
    header .lg-only-py--16,
    footer .lg-only-py--16 {
      padding-top: 16rem;
      padding-bottom: 16rem; }
    header .lg-only-pt--16,
    footer .lg-only-pt--16 {
      padding-top: 16rem; }
    header .lg-only-pb--16,
    footer .lg-only-pb--16 {
      padding-bottom: 16rem; }
    header .lg-only-pl--16,
    footer .lg-only-pl--16 {
      padding-left: 16rem; }
    header .lg-only-pr--16,
    footer .lg-only-pr--16 {
      padding-right: 16rem; }
    header .lg-only-p--17,
    footer .lg-only-p--17 {
      padding: 17rem; }
    header .lg-only-px--17,
    footer .lg-only-px--17 {
      padding-left: 17rem;
      padding-right: 17rem; }
    header .lg-only-py--17,
    footer .lg-only-py--17 {
      padding-top: 17rem;
      padding-bottom: 17rem; }
    header .lg-only-pt--17,
    footer .lg-only-pt--17 {
      padding-top: 17rem; }
    header .lg-only-pb--17,
    footer .lg-only-pb--17 {
      padding-bottom: 17rem; }
    header .lg-only-pl--17,
    footer .lg-only-pl--17 {
      padding-left: 17rem; }
    header .lg-only-pr--17,
    footer .lg-only-pr--17 {
      padding-right: 17rem; }
    header .lg-only-p--18,
    footer .lg-only-p--18 {
      padding: 18rem; }
    header .lg-only-px--18,
    footer .lg-only-px--18 {
      padding-left: 18rem;
      padding-right: 18rem; }
    header .lg-only-py--18,
    footer .lg-only-py--18 {
      padding-top: 18rem;
      padding-bottom: 18rem; }
    header .lg-only-pt--18,
    footer .lg-only-pt--18 {
      padding-top: 18rem; }
    header .lg-only-pb--18,
    footer .lg-only-pb--18 {
      padding-bottom: 18rem; }
    header .lg-only-pl--18,
    footer .lg-only-pl--18 {
      padding-left: 18rem; }
    header .lg-only-pr--18,
    footer .lg-only-pr--18 {
      padding-right: 18rem; }
    header .lg-only-p--19,
    footer .lg-only-p--19 {
      padding: 19rem; }
    header .lg-only-px--19,
    footer .lg-only-px--19 {
      padding-left: 19rem;
      padding-right: 19rem; }
    header .lg-only-py--19,
    footer .lg-only-py--19 {
      padding-top: 19rem;
      padding-bottom: 19rem; }
    header .lg-only-pt--19,
    footer .lg-only-pt--19 {
      padding-top: 19rem; }
    header .lg-only-pb--19,
    footer .lg-only-pb--19 {
      padding-bottom: 19rem; }
    header .lg-only-pl--19,
    footer .lg-only-pl--19 {
      padding-left: 19rem; }
    header .lg-only-pr--19,
    footer .lg-only-pr--19 {
      padding-right: 19rem; }
    header .lg-only-p--20,
    footer .lg-only-p--20 {
      padding: 20rem; }
    header .lg-only-px--20,
    footer .lg-only-px--20 {
      padding-left: 20rem;
      padding-right: 20rem; }
    header .lg-only-py--20,
    footer .lg-only-py--20 {
      padding-top: 20rem;
      padding-bottom: 20rem; }
    header .lg-only-pt--20,
    footer .lg-only-pt--20 {
      padding-top: 20rem; }
    header .lg-only-pb--20,
    footer .lg-only-pb--20 {
      padding-bottom: 20rem; }
    header .lg-only-pl--20,
    footer .lg-only-pl--20 {
      padding-left: 20rem; }
    header .lg-only-pr--20,
    footer .lg-only-pr--20 {
      padding-right: 20rem; }
    header .lg-only-p--negative-quarter,
    footer .lg-only-p--negative-quarter {
      padding: -0.25rem; }
    header .lg-only-px--negative-quarter,
    footer .lg-only-px--negative-quarter {
      padding-left: -0.25rem;
      padding-right: -0.25rem; }
    header .lg-only-py--negative-quarter,
    footer .lg-only-py--negative-quarter {
      padding-top: -0.25rem;
      padding-bottom: -0.25rem; }
    header .lg-only-pt--negative-quarter,
    footer .lg-only-pt--negative-quarter {
      padding-top: -0.25rem; }
    header .lg-only-pb--negative-quarter,
    footer .lg-only-pb--negative-quarter {
      padding-bottom: -0.25rem; }
    header .lg-only-pl--negative-quarter,
    footer .lg-only-pl--negative-quarter {
      padding-left: -0.25rem; }
    header .lg-only-pr--negative-quarter,
    footer .lg-only-pr--negative-quarter {
      padding-right: -0.25rem; }
    header .lg-only-p--negative-3-quarters,
    footer .lg-only-p--negative-3-quarters {
      padding: -0.75rem; }
    header .lg-only-px--negative-3-quarters,
    footer .lg-only-px--negative-3-quarters {
      padding-left: -0.75rem;
      padding-right: -0.75rem; }
    header .lg-only-py--negative-3-quarters,
    footer .lg-only-py--negative-3-quarters {
      padding-top: -0.75rem;
      padding-bottom: -0.75rem; }
    header .lg-only-pt--negative-3-quarters,
    footer .lg-only-pt--negative-3-quarters {
      padding-top: -0.75rem; }
    header .lg-only-pb--negative-3-quarters,
    footer .lg-only-pb--negative-3-quarters {
      padding-bottom: -0.75rem; }
    header .lg-only-pl--negative-3-quarters,
    footer .lg-only-pl--negative-3-quarters {
      padding-left: -0.75rem; }
    header .lg-only-pr--negative-3-quarters,
    footer .lg-only-pr--negative-3-quarters {
      padding-right: -0.75rem; }
    header .lg-only-p--negative-half,
    footer .lg-only-p--negative-half {
      padding: -0.5rem; }
    header .lg-only-px--negative-half,
    footer .lg-only-px--negative-half {
      padding-left: -0.5rem;
      padding-right: -0.5rem; }
    header .lg-only-py--negative-half,
    footer .lg-only-py--negative-half {
      padding-top: -0.5rem;
      padding-bottom: -0.5rem; }
    header .lg-only-pt--negative-half,
    footer .lg-only-pt--negative-half {
      padding-top: -0.5rem; }
    header .lg-only-pb--negative-half,
    footer .lg-only-pb--negative-half {
      padding-bottom: -0.5rem; }
    header .lg-only-pl--negative-half,
    footer .lg-only-pl--negative-half {
      padding-left: -0.5rem; }
    header .lg-only-pr--negative-half,
    footer .lg-only-pr--negative-half {
      padding-right: -0.5rem; }
    header .lg-only-p--negative-1,
    footer .lg-only-p--negative-1 {
      padding: -1rem; }
    header .lg-only-px--negative-1,
    footer .lg-only-px--negative-1 {
      padding-left: -1rem;
      padding-right: -1rem; }
    header .lg-only-py--negative-1,
    footer .lg-only-py--negative-1 {
      padding-top: -1rem;
      padding-bottom: -1rem; }
    header .lg-only-pt--negative-1,
    footer .lg-only-pt--negative-1 {
      padding-top: -1rem; }
    header .lg-only-pb--negative-1,
    footer .lg-only-pb--negative-1 {
      padding-bottom: -1rem; }
    header .lg-only-pl--negative-1,
    footer .lg-only-pl--negative-1 {
      padding-left: -1rem; }
    header .lg-only-pr--negative-1,
    footer .lg-only-pr--negative-1 {
      padding-right: -1rem; }
    header .lg-only-p--negative-1-half,
    footer .lg-only-p--negative-1-half {
      padding: -1.5rem; }
    header .lg-only-px--negative-1-half,
    footer .lg-only-px--negative-1-half {
      padding-left: -1.5rem;
      padding-right: -1.5rem; }
    header .lg-only-py--negative-1-half,
    footer .lg-only-py--negative-1-half {
      padding-top: -1.5rem;
      padding-bottom: -1.5rem; }
    header .lg-only-pt--negative-1-half,
    footer .lg-only-pt--negative-1-half {
      padding-top: -1.5rem; }
    header .lg-only-pb--negative-1-half,
    footer .lg-only-pb--negative-1-half {
      padding-bottom: -1.5rem; }
    header .lg-only-pl--negative-1-half,
    footer .lg-only-pl--negative-1-half {
      padding-left: -1.5rem; }
    header .lg-only-pr--negative-1-half,
    footer .lg-only-pr--negative-1-half {
      padding-right: -1.5rem; }
    header .lg-only-p--negative-2,
    footer .lg-only-p--negative-2 {
      padding: -2rem; }
    header .lg-only-px--negative-2,
    footer .lg-only-px--negative-2 {
      padding-left: -2rem;
      padding-right: -2rem; }
    header .lg-only-py--negative-2,
    footer .lg-only-py--negative-2 {
      padding-top: -2rem;
      padding-bottom: -2rem; }
    header .lg-only-pt--negative-2,
    footer .lg-only-pt--negative-2 {
      padding-top: -2rem; }
    header .lg-only-pb--negative-2,
    footer .lg-only-pb--negative-2 {
      padding-bottom: -2rem; }
    header .lg-only-pl--negative-2,
    footer .lg-only-pl--negative-2 {
      padding-left: -2rem; }
    header .lg-only-pr--negative-2,
    footer .lg-only-pr--negative-2 {
      padding-right: -2rem; }
    header .lg-only-p--negative-3,
    footer .lg-only-p--negative-3 {
      padding: -3rem; }
    header .lg-only-px--negative-3,
    footer .lg-only-px--negative-3 {
      padding-left: -3rem;
      padding-right: -3rem; }
    header .lg-only-py--negative-3,
    footer .lg-only-py--negative-3 {
      padding-top: -3rem;
      padding-bottom: -3rem; }
    header .lg-only-pt--negative-3,
    footer .lg-only-pt--negative-3 {
      padding-top: -3rem; }
    header .lg-only-pb--negative-3,
    footer .lg-only-pb--negative-3 {
      padding-bottom: -3rem; }
    header .lg-only-pl--negative-3,
    footer .lg-only-pl--negative-3 {
      padding-left: -3rem; }
    header .lg-only-pr--negative-3,
    footer .lg-only-pr--negative-3 {
      padding-right: -3rem; }
    header .lg-only-p--negative-4,
    footer .lg-only-p--negative-4 {
      padding: -4rem; }
    header .lg-only-px--negative-4,
    footer .lg-only-px--negative-4 {
      padding-left: -4rem;
      padding-right: -4rem; }
    header .lg-only-py--negative-4,
    footer .lg-only-py--negative-4 {
      padding-top: -4rem;
      padding-bottom: -4rem; }
    header .lg-only-pt--negative-4,
    footer .lg-only-pt--negative-4 {
      padding-top: -4rem; }
    header .lg-only-pb--negative-4,
    footer .lg-only-pb--negative-4 {
      padding-bottom: -4rem; }
    header .lg-only-pl--negative-4,
    footer .lg-only-pl--negative-4 {
      padding-left: -4rem; }
    header .lg-only-pr--negative-4,
    footer .lg-only-pr--negative-4 {
      padding-right: -4rem; }
    header .lg-only-p--negative-5,
    footer .lg-only-p--negative-5 {
      padding: -5rem; }
    header .lg-only-px--negative-5,
    footer .lg-only-px--negative-5 {
      padding-left: -5rem;
      padding-right: -5rem; }
    header .lg-only-py--negative-5,
    footer .lg-only-py--negative-5 {
      padding-top: -5rem;
      padding-bottom: -5rem; }
    header .lg-only-pt--negative-5,
    footer .lg-only-pt--negative-5 {
      padding-top: -5rem; }
    header .lg-only-pb--negative-5,
    footer .lg-only-pb--negative-5 {
      padding-bottom: -5rem; }
    header .lg-only-pl--negative-5,
    footer .lg-only-pl--negative-5 {
      padding-left: -5rem; }
    header .lg-only-pr--negative-5,
    footer .lg-only-pr--negative-5 {
      padding-right: -5rem; }
    header .lg-only-p--negative-6,
    footer .lg-only-p--negative-6 {
      padding: -6rem; }
    header .lg-only-px--negative-6,
    footer .lg-only-px--negative-6 {
      padding-left: -6rem;
      padding-right: -6rem; }
    header .lg-only-py--negative-6,
    footer .lg-only-py--negative-6 {
      padding-top: -6rem;
      padding-bottom: -6rem; }
    header .lg-only-pt--negative-6,
    footer .lg-only-pt--negative-6 {
      padding-top: -6rem; }
    header .lg-only-pb--negative-6,
    footer .lg-only-pb--negative-6 {
      padding-bottom: -6rem; }
    header .lg-only-pl--negative-6,
    footer .lg-only-pl--negative-6 {
      padding-left: -6rem; }
    header .lg-only-pr--negative-6,
    footer .lg-only-pr--negative-6 {
      padding-right: -6rem; }
    header .lg-only-p--negative-7,
    footer .lg-only-p--negative-7 {
      padding: -7rem; }
    header .lg-only-px--negative-7,
    footer .lg-only-px--negative-7 {
      padding-left: -7rem;
      padding-right: -7rem; }
    header .lg-only-py--negative-7,
    footer .lg-only-py--negative-7 {
      padding-top: -7rem;
      padding-bottom: -7rem; }
    header .lg-only-pt--negative-7,
    footer .lg-only-pt--negative-7 {
      padding-top: -7rem; }
    header .lg-only-pb--negative-7,
    footer .lg-only-pb--negative-7 {
      padding-bottom: -7rem; }
    header .lg-only-pl--negative-7,
    footer .lg-only-pl--negative-7 {
      padding-left: -7rem; }
    header .lg-only-pr--negative-7,
    footer .lg-only-pr--negative-7 {
      padding-right: -7rem; }
    header .lg-only-p--negative-8,
    footer .lg-only-p--negative-8 {
      padding: -8rem; }
    header .lg-only-px--negative-8,
    footer .lg-only-px--negative-8 {
      padding-left: -8rem;
      padding-right: -8rem; }
    header .lg-only-py--negative-8,
    footer .lg-only-py--negative-8 {
      padding-top: -8rem;
      padding-bottom: -8rem; }
    header .lg-only-pt--negative-8,
    footer .lg-only-pt--negative-8 {
      padding-top: -8rem; }
    header .lg-only-pb--negative-8,
    footer .lg-only-pb--negative-8 {
      padding-bottom: -8rem; }
    header .lg-only-pl--negative-8,
    footer .lg-only-pl--negative-8 {
      padding-left: -8rem; }
    header .lg-only-pr--negative-8,
    footer .lg-only-pr--negative-8 {
      padding-right: -8rem; }
    header .lg-only-p--negative-9,
    footer .lg-only-p--negative-9 {
      padding: -9rem; }
    header .lg-only-px--negative-9,
    footer .lg-only-px--negative-9 {
      padding-left: -9rem;
      padding-right: -9rem; }
    header .lg-only-py--negative-9,
    footer .lg-only-py--negative-9 {
      padding-top: -9rem;
      padding-bottom: -9rem; }
    header .lg-only-pt--negative-9,
    footer .lg-only-pt--negative-9 {
      padding-top: -9rem; }
    header .lg-only-pb--negative-9,
    footer .lg-only-pb--negative-9 {
      padding-bottom: -9rem; }
    header .lg-only-pl--negative-9,
    footer .lg-only-pl--negative-9 {
      padding-left: -9rem; }
    header .lg-only-pr--negative-9,
    footer .lg-only-pr--negative-9 {
      padding-right: -9rem; }
    header .lg-only-p--negative-10,
    footer .lg-only-p--negative-10 {
      padding: -10rem; }
    header .lg-only-px--negative-10,
    footer .lg-only-px--negative-10 {
      padding-left: -10rem;
      padding-right: -10rem; }
    header .lg-only-py--negative-10,
    footer .lg-only-py--negative-10 {
      padding-top: -10rem;
      padding-bottom: -10rem; }
    header .lg-only-pt--negative-10,
    footer .lg-only-pt--negative-10 {
      padding-top: -10rem; }
    header .lg-only-pb--negative-10,
    footer .lg-only-pb--negative-10 {
      padding-bottom: -10rem; }
    header .lg-only-pl--negative-10,
    footer .lg-only-pl--negative-10 {
      padding-left: -10rem; }
    header .lg-only-pr--negative-10,
    footer .lg-only-pr--negative-10 {
      padding-right: -10rem; }
    header .lg-only-p--auto,
    footer .lg-only-p--auto {
      padding: auto; }
    header .lg-only-px--auto,
    footer .lg-only-px--auto {
      padding-left: auto;
      padding-right: auto; }
    header .lg-only-py--auto,
    footer .lg-only-py--auto {
      padding-top: auto;
      padding-bottom: auto; }
    header .lg-only-pt--auto,
    footer .lg-only-pt--auto {
      padding-top: auto; }
    header .lg-only-pb--auto,
    footer .lg-only-pb--auto {
      padding-bottom: auto; }
    header .lg-only-pl--auto,
    footer .lg-only-pl--auto {
      padding-left: auto; }
    header .lg-only-pr--auto,
    footer .lg-only-pr--auto {
      padding-right: auto; } }
  @media screen and (min-width: 76.5625rem) {
    header .xl-mb--0-forced,
    footer .xl-mb--0-forced {
      margin-bottom: 0 !important; }
    header .xl-mb--1-forced,
    footer .xl-mb--1-forced {
      margin-bottom: 1rem !important; }
    header .xl-mb--half-forced,
    footer .xl-mb--half-forced {
      margin-bottom: 0.5rem !important; }
    header .xl-pb--0-forced,
    footer .xl-pb--0-forced {
      padding-bottom: 0 !important; }
    header .xl-px--1-forced,
    footer .xl-px--1-forced {
      padding-left: 1rem !important;
      padding-right: 1rem !important; }
    header .xl-my--0-forced,
    footer .xl-my--0-forced {
      margin-bottom: 0 !important;
      margin-top: 0 !important; }
    header .xl-px--half-forced,
    footer .xl-px--half-forced {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important; }
    header .xl-mt--1-forced,
    footer .xl-mt--1-forced {
      margin-top: 1rem !important; }
    header .xl-px--2-forced,
    footer .xl-px--2-forced {
      padding-left: 2rem !important;
      padding-right: 2rem !important; }
    header .xl-pr--2-forced,
    footer .xl-pr--2-forced {
      padding-right: 2rem !important; }
    header .xl-mr--1-forced,
    footer .xl-mr--1-forced {
      margin-right: 2rem !important; }
    header .xl-ml--0-forced,
    footer .xl-ml--0-forced {
      margin-left: 0rem !important; }
    header .xl-m--0,
    footer .xl-m--0 {
      margin: 0rem; }
    header .xl-mx--0,
    footer .xl-mx--0 {
      margin-left: 0rem;
      margin-right: 0rem; }
    header .xl-my--0,
    footer .xl-my--0 {
      margin-top: 0rem;
      margin-bottom: 0rem; }
    header .xl-mt--0,
    footer .xl-mt--0 {
      margin-top: 0rem; }
    header .xl-mb--0,
    footer .xl-mb--0 {
      margin-bottom: 0rem; }
    header .xl-ml--0,
    footer .xl-ml--0 {
      margin-left: 0rem; }
    header .xl-mr--0,
    footer .xl-mr--0 {
      margin-right: 0rem; }
    header .xl-m--quarter,
    footer .xl-m--quarter {
      margin: 0.25rem; }
    header .xl-mx--quarter,
    footer .xl-mx--quarter {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }
    header .xl-my--quarter,
    footer .xl-my--quarter {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem; }
    header .xl-mt--quarter,
    footer .xl-mt--quarter {
      margin-top: 0.25rem; }
    header .xl-mb--quarter,
    footer .xl-mb--quarter {
      margin-bottom: 0.25rem; }
    header .xl-ml--quarter,
    footer .xl-ml--quarter {
      margin-left: 0.25rem; }
    header .xl-mr--quarter,
    footer .xl-mr--quarter {
      margin-right: 0.25rem; }
    header .xl-m--half,
    footer .xl-m--half {
      margin: 0.5rem; }
    header .xl-mx--half,
    footer .xl-mx--half {
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
    header .xl-my--half,
    footer .xl-my--half {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    header .xl-mt--half,
    footer .xl-mt--half {
      margin-top: 0.5rem; }
    header .xl-mb--half,
    footer .xl-mb--half {
      margin-bottom: 0.5rem; }
    header .xl-ml--half,
    footer .xl-ml--half {
      margin-left: 0.5rem; }
    header .xl-mr--half,
    footer .xl-mr--half {
      margin-right: 0.5rem; }
    header .xl-m--3-quarters,
    footer .xl-m--3-quarters {
      margin: 0.75rem; }
    header .xl-mx--3-quarters,
    footer .xl-mx--3-quarters {
      margin-left: 0.75rem;
      margin-right: 0.75rem; }
    header .xl-my--3-quarters,
    footer .xl-my--3-quarters {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem; }
    header .xl-mt--3-quarters,
    footer .xl-mt--3-quarters {
      margin-top: 0.75rem; }
    header .xl-mb--3-quarters,
    footer .xl-mb--3-quarters {
      margin-bottom: 0.75rem; }
    header .xl-ml--3-quarters,
    footer .xl-ml--3-quarters {
      margin-left: 0.75rem; }
    header .xl-mr--3-quarters,
    footer .xl-mr--3-quarters {
      margin-right: 0.75rem; }
    header .xl-m--1,
    footer .xl-m--1 {
      margin: 1rem; }
    header .xl-mx--1,
    footer .xl-mx--1 {
      margin-left: 1rem;
      margin-right: 1rem; }
    header .xl-my--1,
    footer .xl-my--1 {
      margin-top: 1rem;
      margin-bottom: 1rem; }
    header .xl-mt--1,
    footer .xl-mt--1 {
      margin-top: 1rem; }
    header .xl-mb--1,
    footer .xl-mb--1 {
      margin-bottom: 1rem; }
    header .xl-ml--1,
    footer .xl-ml--1 {
      margin-left: 1rem; }
    header .xl-mr--1,
    footer .xl-mr--1 {
      margin-right: 1rem; }
    header .xl-m--1-half,
    footer .xl-m--1-half {
      margin: 1.5rem; }
    header .xl-mx--1-half,
    footer .xl-mx--1-half {
      margin-left: 1.5rem;
      margin-right: 1.5rem; }
    header .xl-my--1-half,
    footer .xl-my--1-half {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; }
    header .xl-mt--1-half,
    footer .xl-mt--1-half {
      margin-top: 1.5rem; }
    header .xl-mb--1-half,
    footer .xl-mb--1-half {
      margin-bottom: 1.5rem; }
    header .xl-ml--1-half,
    footer .xl-ml--1-half {
      margin-left: 1.5rem; }
    header .xl-mr--1-half,
    footer .xl-mr--1-half {
      margin-right: 1.5rem; }
    header .xl-m--2,
    footer .xl-m--2 {
      margin: 2rem; }
    header .xl-mx--2,
    footer .xl-mx--2 {
      margin-left: 2rem;
      margin-right: 2rem; }
    header .xl-my--2,
    footer .xl-my--2 {
      margin-top: 2rem;
      margin-bottom: 2rem; }
    header .xl-mt--2,
    footer .xl-mt--2 {
      margin-top: 2rem; }
    header .xl-mb--2,
    footer .xl-mb--2 {
      margin-bottom: 2rem; }
    header .xl-ml--2,
    footer .xl-ml--2 {
      margin-left: 2rem; }
    header .xl-mr--2,
    footer .xl-mr--2 {
      margin-right: 2rem; }
    header .xl-m--2-half,
    footer .xl-m--2-half {
      margin: 2.5rem; }
    header .xl-mx--2-half,
    footer .xl-mx--2-half {
      margin-left: 2.5rem;
      margin-right: 2.5rem; }
    header .xl-my--2-half,
    footer .xl-my--2-half {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem; }
    header .xl-mt--2-half,
    footer .xl-mt--2-half {
      margin-top: 2.5rem; }
    header .xl-mb--2-half,
    footer .xl-mb--2-half {
      margin-bottom: 2.5rem; }
    header .xl-ml--2-half,
    footer .xl-ml--2-half {
      margin-left: 2.5rem; }
    header .xl-mr--2-half,
    footer .xl-mr--2-half {
      margin-right: 2.5rem; }
    header .xl-m--3,
    footer .xl-m--3 {
      margin: 3rem; }
    header .xl-mx--3,
    footer .xl-mx--3 {
      margin-left: 3rem;
      margin-right: 3rem; }
    header .xl-my--3,
    footer .xl-my--3 {
      margin-top: 3rem;
      margin-bottom: 3rem; }
    header .xl-mt--3,
    footer .xl-mt--3 {
      margin-top: 3rem; }
    header .xl-mb--3,
    footer .xl-mb--3 {
      margin-bottom: 3rem; }
    header .xl-ml--3,
    footer .xl-ml--3 {
      margin-left: 3rem; }
    header .xl-mr--3,
    footer .xl-mr--3 {
      margin-right: 3rem; }
    header .xl-m--3-half,
    footer .xl-m--3-half {
      margin: 3.5rem; }
    header .xl-mx--3-half,
    footer .xl-mx--3-half {
      margin-left: 3.5rem;
      margin-right: 3.5rem; }
    header .xl-my--3-half,
    footer .xl-my--3-half {
      margin-top: 3.5rem;
      margin-bottom: 3.5rem; }
    header .xl-mt--3-half,
    footer .xl-mt--3-half {
      margin-top: 3.5rem; }
    header .xl-mb--3-half,
    footer .xl-mb--3-half {
      margin-bottom: 3.5rem; }
    header .xl-ml--3-half,
    footer .xl-ml--3-half {
      margin-left: 3.5rem; }
    header .xl-mr--3-half,
    footer .xl-mr--3-half {
      margin-right: 3.5rem; }
    header .xl-m--4,
    footer .xl-m--4 {
      margin: 4rem; }
    header .xl-mx--4,
    footer .xl-mx--4 {
      margin-left: 4rem;
      margin-right: 4rem; }
    header .xl-my--4,
    footer .xl-my--4 {
      margin-top: 4rem;
      margin-bottom: 4rem; }
    header .xl-mt--4,
    footer .xl-mt--4 {
      margin-top: 4rem; }
    header .xl-mb--4,
    footer .xl-mb--4 {
      margin-bottom: 4rem; }
    header .xl-ml--4,
    footer .xl-ml--4 {
      margin-left: 4rem; }
    header .xl-mr--4,
    footer .xl-mr--4 {
      margin-right: 4rem; }
    header .xl-m--4-half,
    footer .xl-m--4-half {
      margin: 4.5rem; }
    header .xl-mx--4-half,
    footer .xl-mx--4-half {
      margin-left: 4.5rem;
      margin-right: 4.5rem; }
    header .xl-my--4-half,
    footer .xl-my--4-half {
      margin-top: 4.5rem;
      margin-bottom: 4.5rem; }
    header .xl-mt--4-half,
    footer .xl-mt--4-half {
      margin-top: 4.5rem; }
    header .xl-mb--4-half,
    footer .xl-mb--4-half {
      margin-bottom: 4.5rem; }
    header .xl-ml--4-half,
    footer .xl-ml--4-half {
      margin-left: 4.5rem; }
    header .xl-mr--4-half,
    footer .xl-mr--4-half {
      margin-right: 4.5rem; }
    header .xl-m--5,
    footer .xl-m--5 {
      margin: 5rem; }
    header .xl-mx--5,
    footer .xl-mx--5 {
      margin-left: 5rem;
      margin-right: 5rem; }
    header .xl-my--5,
    footer .xl-my--5 {
      margin-top: 5rem;
      margin-bottom: 5rem; }
    header .xl-mt--5,
    footer .xl-mt--5 {
      margin-top: 5rem; }
    header .xl-mb--5,
    footer .xl-mb--5 {
      margin-bottom: 5rem; }
    header .xl-ml--5,
    footer .xl-ml--5 {
      margin-left: 5rem; }
    header .xl-mr--5,
    footer .xl-mr--5 {
      margin-right: 5rem; }
    header .xl-m--5-half,
    footer .xl-m--5-half {
      margin: 5.5rem; }
    header .xl-mx--5-half,
    footer .xl-mx--5-half {
      margin-left: 5.5rem;
      margin-right: 5.5rem; }
    header .xl-my--5-half,
    footer .xl-my--5-half {
      margin-top: 5.5rem;
      margin-bottom: 5.5rem; }
    header .xl-mt--5-half,
    footer .xl-mt--5-half {
      margin-top: 5.5rem; }
    header .xl-mb--5-half,
    footer .xl-mb--5-half {
      margin-bottom: 5.5rem; }
    header .xl-ml--5-half,
    footer .xl-ml--5-half {
      margin-left: 5.5rem; }
    header .xl-mr--5-half,
    footer .xl-mr--5-half {
      margin-right: 5.5rem; }
    header .xl-m--6,
    footer .xl-m--6 {
      margin: 6rem; }
    header .xl-mx--6,
    footer .xl-mx--6 {
      margin-left: 6rem;
      margin-right: 6rem; }
    header .xl-my--6,
    footer .xl-my--6 {
      margin-top: 6rem;
      margin-bottom: 6rem; }
    header .xl-mt--6,
    footer .xl-mt--6 {
      margin-top: 6rem; }
    header .xl-mb--6,
    footer .xl-mb--6 {
      margin-bottom: 6rem; }
    header .xl-ml--6,
    footer .xl-ml--6 {
      margin-left: 6rem; }
    header .xl-mr--6,
    footer .xl-mr--6 {
      margin-right: 6rem; }
    header .xl-m--6-half,
    footer .xl-m--6-half {
      margin: 6.5rem; }
    header .xl-mx--6-half,
    footer .xl-mx--6-half {
      margin-left: 6.5rem;
      margin-right: 6.5rem; }
    header .xl-my--6-half,
    footer .xl-my--6-half {
      margin-top: 6.5rem;
      margin-bottom: 6.5rem; }
    header .xl-mt--6-half,
    footer .xl-mt--6-half {
      margin-top: 6.5rem; }
    header .xl-mb--6-half,
    footer .xl-mb--6-half {
      margin-bottom: 6.5rem; }
    header .xl-ml--6-half,
    footer .xl-ml--6-half {
      margin-left: 6.5rem; }
    header .xl-mr--6-half,
    footer .xl-mr--6-half {
      margin-right: 6.5rem; }
    header .xl-m--7,
    footer .xl-m--7 {
      margin: 7rem; }
    header .xl-mx--7,
    footer .xl-mx--7 {
      margin-left: 7rem;
      margin-right: 7rem; }
    header .xl-my--7,
    footer .xl-my--7 {
      margin-top: 7rem;
      margin-bottom: 7rem; }
    header .xl-mt--7,
    footer .xl-mt--7 {
      margin-top: 7rem; }
    header .xl-mb--7,
    footer .xl-mb--7 {
      margin-bottom: 7rem; }
    header .xl-ml--7,
    footer .xl-ml--7 {
      margin-left: 7rem; }
    header .xl-mr--7,
    footer .xl-mr--7 {
      margin-right: 7rem; }
    header .xl-m--7-half,
    footer .xl-m--7-half {
      margin: 7.5rem; }
    header .xl-mx--7-half,
    footer .xl-mx--7-half {
      margin-left: 7.5rem;
      margin-right: 7.5rem; }
    header .xl-my--7-half,
    footer .xl-my--7-half {
      margin-top: 7.5rem;
      margin-bottom: 7.5rem; }
    header .xl-mt--7-half,
    footer .xl-mt--7-half {
      margin-top: 7.5rem; }
    header .xl-mb--7-half,
    footer .xl-mb--7-half {
      margin-bottom: 7.5rem; }
    header .xl-ml--7-half,
    footer .xl-ml--7-half {
      margin-left: 7.5rem; }
    header .xl-mr--7-half,
    footer .xl-mr--7-half {
      margin-right: 7.5rem; }
    header .xl-m--8,
    footer .xl-m--8 {
      margin: 8rem; }
    header .xl-mx--8,
    footer .xl-mx--8 {
      margin-left: 8rem;
      margin-right: 8rem; }
    header .xl-my--8,
    footer .xl-my--8 {
      margin-top: 8rem;
      margin-bottom: 8rem; }
    header .xl-mt--8,
    footer .xl-mt--8 {
      margin-top: 8rem; }
    header .xl-mb--8,
    footer .xl-mb--8 {
      margin-bottom: 8rem; }
    header .xl-ml--8,
    footer .xl-ml--8 {
      margin-left: 8rem; }
    header .xl-mr--8,
    footer .xl-mr--8 {
      margin-right: 8rem; }
    header .xl-m--9,
    footer .xl-m--9 {
      margin: 9rem; }
    header .xl-mx--9,
    footer .xl-mx--9 {
      margin-left: 9rem;
      margin-right: 9rem; }
    header .xl-my--9,
    footer .xl-my--9 {
      margin-top: 9rem;
      margin-bottom: 9rem; }
    header .xl-mt--9,
    footer .xl-mt--9 {
      margin-top: 9rem; }
    header .xl-mb--9,
    footer .xl-mb--9 {
      margin-bottom: 9rem; }
    header .xl-ml--9,
    footer .xl-ml--9 {
      margin-left: 9rem; }
    header .xl-mr--9,
    footer .xl-mr--9 {
      margin-right: 9rem; }
    header .xl-m--10,
    footer .xl-m--10 {
      margin: 10rem; }
    header .xl-mx--10,
    footer .xl-mx--10 {
      margin-left: 10rem;
      margin-right: 10rem; }
    header .xl-my--10,
    footer .xl-my--10 {
      margin-top: 10rem;
      margin-bottom: 10rem; }
    header .xl-mt--10,
    footer .xl-mt--10 {
      margin-top: 10rem; }
    header .xl-mb--10,
    footer .xl-mb--10 {
      margin-bottom: 10rem; }
    header .xl-ml--10,
    footer .xl-ml--10 {
      margin-left: 10rem; }
    header .xl-mr--10,
    footer .xl-mr--10 {
      margin-right: 10rem; }
    header .xl-m--11,
    footer .xl-m--11 {
      margin: 11rem; }
    header .xl-mx--11,
    footer .xl-mx--11 {
      margin-left: 11rem;
      margin-right: 11rem; }
    header .xl-my--11,
    footer .xl-my--11 {
      margin-top: 11rem;
      margin-bottom: 11rem; }
    header .xl-mt--11,
    footer .xl-mt--11 {
      margin-top: 11rem; }
    header .xl-mb--11,
    footer .xl-mb--11 {
      margin-bottom: 11rem; }
    header .xl-ml--11,
    footer .xl-ml--11 {
      margin-left: 11rem; }
    header .xl-mr--11,
    footer .xl-mr--11 {
      margin-right: 11rem; }
    header .xl-m--12,
    footer .xl-m--12 {
      margin: 12rem; }
    header .xl-mx--12,
    footer .xl-mx--12 {
      margin-left: 12rem;
      margin-right: 12rem; }
    header .xl-my--12,
    footer .xl-my--12 {
      margin-top: 12rem;
      margin-bottom: 12rem; }
    header .xl-mt--12,
    footer .xl-mt--12 {
      margin-top: 12rem; }
    header .xl-mb--12,
    footer .xl-mb--12 {
      margin-bottom: 12rem; }
    header .xl-ml--12,
    footer .xl-ml--12 {
      margin-left: 12rem; }
    header .xl-mr--12,
    footer .xl-mr--12 {
      margin-right: 12rem; }
    header .xl-m--13,
    footer .xl-m--13 {
      margin: 13rem; }
    header .xl-mx--13,
    footer .xl-mx--13 {
      margin-left: 13rem;
      margin-right: 13rem; }
    header .xl-my--13,
    footer .xl-my--13 {
      margin-top: 13rem;
      margin-bottom: 13rem; }
    header .xl-mt--13,
    footer .xl-mt--13 {
      margin-top: 13rem; }
    header .xl-mb--13,
    footer .xl-mb--13 {
      margin-bottom: 13rem; }
    header .xl-ml--13,
    footer .xl-ml--13 {
      margin-left: 13rem; }
    header .xl-mr--13,
    footer .xl-mr--13 {
      margin-right: 13rem; }
    header .xl-m--14,
    footer .xl-m--14 {
      margin: 14rem; }
    header .xl-mx--14,
    footer .xl-mx--14 {
      margin-left: 14rem;
      margin-right: 14rem; }
    header .xl-my--14,
    footer .xl-my--14 {
      margin-top: 14rem;
      margin-bottom: 14rem; }
    header .xl-mt--14,
    footer .xl-mt--14 {
      margin-top: 14rem; }
    header .xl-mb--14,
    footer .xl-mb--14 {
      margin-bottom: 14rem; }
    header .xl-ml--14,
    footer .xl-ml--14 {
      margin-left: 14rem; }
    header .xl-mr--14,
    footer .xl-mr--14 {
      margin-right: 14rem; }
    header .xl-m--15,
    footer .xl-m--15 {
      margin: 15rem; }
    header .xl-mx--15,
    footer .xl-mx--15 {
      margin-left: 15rem;
      margin-right: 15rem; }
    header .xl-my--15,
    footer .xl-my--15 {
      margin-top: 15rem;
      margin-bottom: 15rem; }
    header .xl-mt--15,
    footer .xl-mt--15 {
      margin-top: 15rem; }
    header .xl-mb--15,
    footer .xl-mb--15 {
      margin-bottom: 15rem; }
    header .xl-ml--15,
    footer .xl-ml--15 {
      margin-left: 15rem; }
    header .xl-mr--15,
    footer .xl-mr--15 {
      margin-right: 15rem; }
    header .xl-m--16,
    footer .xl-m--16 {
      margin: 16rem; }
    header .xl-mx--16,
    footer .xl-mx--16 {
      margin-left: 16rem;
      margin-right: 16rem; }
    header .xl-my--16,
    footer .xl-my--16 {
      margin-top: 16rem;
      margin-bottom: 16rem; }
    header .xl-mt--16,
    footer .xl-mt--16 {
      margin-top: 16rem; }
    header .xl-mb--16,
    footer .xl-mb--16 {
      margin-bottom: 16rem; }
    header .xl-ml--16,
    footer .xl-ml--16 {
      margin-left: 16rem; }
    header .xl-mr--16,
    footer .xl-mr--16 {
      margin-right: 16rem; }
    header .xl-m--17,
    footer .xl-m--17 {
      margin: 17rem; }
    header .xl-mx--17,
    footer .xl-mx--17 {
      margin-left: 17rem;
      margin-right: 17rem; }
    header .xl-my--17,
    footer .xl-my--17 {
      margin-top: 17rem;
      margin-bottom: 17rem; }
    header .xl-mt--17,
    footer .xl-mt--17 {
      margin-top: 17rem; }
    header .xl-mb--17,
    footer .xl-mb--17 {
      margin-bottom: 17rem; }
    header .xl-ml--17,
    footer .xl-ml--17 {
      margin-left: 17rem; }
    header .xl-mr--17,
    footer .xl-mr--17 {
      margin-right: 17rem; }
    header .xl-m--18,
    footer .xl-m--18 {
      margin: 18rem; }
    header .xl-mx--18,
    footer .xl-mx--18 {
      margin-left: 18rem;
      margin-right: 18rem; }
    header .xl-my--18,
    footer .xl-my--18 {
      margin-top: 18rem;
      margin-bottom: 18rem; }
    header .xl-mt--18,
    footer .xl-mt--18 {
      margin-top: 18rem; }
    header .xl-mb--18,
    footer .xl-mb--18 {
      margin-bottom: 18rem; }
    header .xl-ml--18,
    footer .xl-ml--18 {
      margin-left: 18rem; }
    header .xl-mr--18,
    footer .xl-mr--18 {
      margin-right: 18rem; }
    header .xl-m--19,
    footer .xl-m--19 {
      margin: 19rem; }
    header .xl-mx--19,
    footer .xl-mx--19 {
      margin-left: 19rem;
      margin-right: 19rem; }
    header .xl-my--19,
    footer .xl-my--19 {
      margin-top: 19rem;
      margin-bottom: 19rem; }
    header .xl-mt--19,
    footer .xl-mt--19 {
      margin-top: 19rem; }
    header .xl-mb--19,
    footer .xl-mb--19 {
      margin-bottom: 19rem; }
    header .xl-ml--19,
    footer .xl-ml--19 {
      margin-left: 19rem; }
    header .xl-mr--19,
    footer .xl-mr--19 {
      margin-right: 19rem; }
    header .xl-m--20,
    footer .xl-m--20 {
      margin: 20rem; }
    header .xl-mx--20,
    footer .xl-mx--20 {
      margin-left: 20rem;
      margin-right: 20rem; }
    header .xl-my--20,
    footer .xl-my--20 {
      margin-top: 20rem;
      margin-bottom: 20rem; }
    header .xl-mt--20,
    footer .xl-mt--20 {
      margin-top: 20rem; }
    header .xl-mb--20,
    footer .xl-mb--20 {
      margin-bottom: 20rem; }
    header .xl-ml--20,
    footer .xl-ml--20 {
      margin-left: 20rem; }
    header .xl-mr--20,
    footer .xl-mr--20 {
      margin-right: 20rem; }
    header .xl-m--negative-quarter,
    footer .xl-m--negative-quarter {
      margin: -0.25rem; }
    header .xl-mx--negative-quarter,
    footer .xl-mx--negative-quarter {
      margin-left: -0.25rem;
      margin-right: -0.25rem; }
    header .xl-my--negative-quarter,
    footer .xl-my--negative-quarter {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem; }
    header .xl-mt--negative-quarter,
    footer .xl-mt--negative-quarter {
      margin-top: -0.25rem; }
    header .xl-mb--negative-quarter,
    footer .xl-mb--negative-quarter {
      margin-bottom: -0.25rem; }
    header .xl-ml--negative-quarter,
    footer .xl-ml--negative-quarter {
      margin-left: -0.25rem; }
    header .xl-mr--negative-quarter,
    footer .xl-mr--negative-quarter {
      margin-right: -0.25rem; }
    header .xl-m--negative-3-quarters,
    footer .xl-m--negative-3-quarters {
      margin: -0.75rem; }
    header .xl-mx--negative-3-quarters,
    footer .xl-mx--negative-3-quarters {
      margin-left: -0.75rem;
      margin-right: -0.75rem; }
    header .xl-my--negative-3-quarters,
    footer .xl-my--negative-3-quarters {
      margin-top: -0.75rem;
      margin-bottom: -0.75rem; }
    header .xl-mt--negative-3-quarters,
    footer .xl-mt--negative-3-quarters {
      margin-top: -0.75rem; }
    header .xl-mb--negative-3-quarters,
    footer .xl-mb--negative-3-quarters {
      margin-bottom: -0.75rem; }
    header .xl-ml--negative-3-quarters,
    footer .xl-ml--negative-3-quarters {
      margin-left: -0.75rem; }
    header .xl-mr--negative-3-quarters,
    footer .xl-mr--negative-3-quarters {
      margin-right: -0.75rem; }
    header .xl-m--negative-half,
    footer .xl-m--negative-half {
      margin: -0.5rem; }
    header .xl-mx--negative-half,
    footer .xl-mx--negative-half {
      margin-left: -0.5rem;
      margin-right: -0.5rem; }
    header .xl-my--negative-half,
    footer .xl-my--negative-half {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem; }
    header .xl-mt--negative-half,
    footer .xl-mt--negative-half {
      margin-top: -0.5rem; }
    header .xl-mb--negative-half,
    footer .xl-mb--negative-half {
      margin-bottom: -0.5rem; }
    header .xl-ml--negative-half,
    footer .xl-ml--negative-half {
      margin-left: -0.5rem; }
    header .xl-mr--negative-half,
    footer .xl-mr--negative-half {
      margin-right: -0.5rem; }
    header .xl-m--negative-1,
    footer .xl-m--negative-1 {
      margin: -1rem; }
    header .xl-mx--negative-1,
    footer .xl-mx--negative-1 {
      margin-left: -1rem;
      margin-right: -1rem; }
    header .xl-my--negative-1,
    footer .xl-my--negative-1 {
      margin-top: -1rem;
      margin-bottom: -1rem; }
    header .xl-mt--negative-1,
    footer .xl-mt--negative-1 {
      margin-top: -1rem; }
    header .xl-mb--negative-1,
    footer .xl-mb--negative-1 {
      margin-bottom: -1rem; }
    header .xl-ml--negative-1,
    footer .xl-ml--negative-1 {
      margin-left: -1rem; }
    header .xl-mr--negative-1,
    footer .xl-mr--negative-1 {
      margin-right: -1rem; }
    header .xl-m--negative-1-half,
    footer .xl-m--negative-1-half {
      margin: -1.5rem; }
    header .xl-mx--negative-1-half,
    footer .xl-mx--negative-1-half {
      margin-left: -1.5rem;
      margin-right: -1.5rem; }
    header .xl-my--negative-1-half,
    footer .xl-my--negative-1-half {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem; }
    header .xl-mt--negative-1-half,
    footer .xl-mt--negative-1-half {
      margin-top: -1.5rem; }
    header .xl-mb--negative-1-half,
    footer .xl-mb--negative-1-half {
      margin-bottom: -1.5rem; }
    header .xl-ml--negative-1-half,
    footer .xl-ml--negative-1-half {
      margin-left: -1.5rem; }
    header .xl-mr--negative-1-half,
    footer .xl-mr--negative-1-half {
      margin-right: -1.5rem; }
    header .xl-m--negative-2,
    footer .xl-m--negative-2 {
      margin: -2rem; }
    header .xl-mx--negative-2,
    footer .xl-mx--negative-2 {
      margin-left: -2rem;
      margin-right: -2rem; }
    header .xl-my--negative-2,
    footer .xl-my--negative-2 {
      margin-top: -2rem;
      margin-bottom: -2rem; }
    header .xl-mt--negative-2,
    footer .xl-mt--negative-2 {
      margin-top: -2rem; }
    header .xl-mb--negative-2,
    footer .xl-mb--negative-2 {
      margin-bottom: -2rem; }
    header .xl-ml--negative-2,
    footer .xl-ml--negative-2 {
      margin-left: -2rem; }
    header .xl-mr--negative-2,
    footer .xl-mr--negative-2 {
      margin-right: -2rem; }
    header .xl-m--negative-3,
    footer .xl-m--negative-3 {
      margin: -3rem; }
    header .xl-mx--negative-3,
    footer .xl-mx--negative-3 {
      margin-left: -3rem;
      margin-right: -3rem; }
    header .xl-my--negative-3,
    footer .xl-my--negative-3 {
      margin-top: -3rem;
      margin-bottom: -3rem; }
    header .xl-mt--negative-3,
    footer .xl-mt--negative-3 {
      margin-top: -3rem; }
    header .xl-mb--negative-3,
    footer .xl-mb--negative-3 {
      margin-bottom: -3rem; }
    header .xl-ml--negative-3,
    footer .xl-ml--negative-3 {
      margin-left: -3rem; }
    header .xl-mr--negative-3,
    footer .xl-mr--negative-3 {
      margin-right: -3rem; }
    header .xl-m--negative-4,
    footer .xl-m--negative-4 {
      margin: -4rem; }
    header .xl-mx--negative-4,
    footer .xl-mx--negative-4 {
      margin-left: -4rem;
      margin-right: -4rem; }
    header .xl-my--negative-4,
    footer .xl-my--negative-4 {
      margin-top: -4rem;
      margin-bottom: -4rem; }
    header .xl-mt--negative-4,
    footer .xl-mt--negative-4 {
      margin-top: -4rem; }
    header .xl-mb--negative-4,
    footer .xl-mb--negative-4 {
      margin-bottom: -4rem; }
    header .xl-ml--negative-4,
    footer .xl-ml--negative-4 {
      margin-left: -4rem; }
    header .xl-mr--negative-4,
    footer .xl-mr--negative-4 {
      margin-right: -4rem; }
    header .xl-m--negative-5,
    footer .xl-m--negative-5 {
      margin: -5rem; }
    header .xl-mx--negative-5,
    footer .xl-mx--negative-5 {
      margin-left: -5rem;
      margin-right: -5rem; }
    header .xl-my--negative-5,
    footer .xl-my--negative-5 {
      margin-top: -5rem;
      margin-bottom: -5rem; }
    header .xl-mt--negative-5,
    footer .xl-mt--negative-5 {
      margin-top: -5rem; }
    header .xl-mb--negative-5,
    footer .xl-mb--negative-5 {
      margin-bottom: -5rem; }
    header .xl-ml--negative-5,
    footer .xl-ml--negative-5 {
      margin-left: -5rem; }
    header .xl-mr--negative-5,
    footer .xl-mr--negative-5 {
      margin-right: -5rem; }
    header .xl-m--negative-6,
    footer .xl-m--negative-6 {
      margin: -6rem; }
    header .xl-mx--negative-6,
    footer .xl-mx--negative-6 {
      margin-left: -6rem;
      margin-right: -6rem; }
    header .xl-my--negative-6,
    footer .xl-my--negative-6 {
      margin-top: -6rem;
      margin-bottom: -6rem; }
    header .xl-mt--negative-6,
    footer .xl-mt--negative-6 {
      margin-top: -6rem; }
    header .xl-mb--negative-6,
    footer .xl-mb--negative-6 {
      margin-bottom: -6rem; }
    header .xl-ml--negative-6,
    footer .xl-ml--negative-6 {
      margin-left: -6rem; }
    header .xl-mr--negative-6,
    footer .xl-mr--negative-6 {
      margin-right: -6rem; }
    header .xl-m--negative-7,
    footer .xl-m--negative-7 {
      margin: -7rem; }
    header .xl-mx--negative-7,
    footer .xl-mx--negative-7 {
      margin-left: -7rem;
      margin-right: -7rem; }
    header .xl-my--negative-7,
    footer .xl-my--negative-7 {
      margin-top: -7rem;
      margin-bottom: -7rem; }
    header .xl-mt--negative-7,
    footer .xl-mt--negative-7 {
      margin-top: -7rem; }
    header .xl-mb--negative-7,
    footer .xl-mb--negative-7 {
      margin-bottom: -7rem; }
    header .xl-ml--negative-7,
    footer .xl-ml--negative-7 {
      margin-left: -7rem; }
    header .xl-mr--negative-7,
    footer .xl-mr--negative-7 {
      margin-right: -7rem; }
    header .xl-m--negative-8,
    footer .xl-m--negative-8 {
      margin: -8rem; }
    header .xl-mx--negative-8,
    footer .xl-mx--negative-8 {
      margin-left: -8rem;
      margin-right: -8rem; }
    header .xl-my--negative-8,
    footer .xl-my--negative-8 {
      margin-top: -8rem;
      margin-bottom: -8rem; }
    header .xl-mt--negative-8,
    footer .xl-mt--negative-8 {
      margin-top: -8rem; }
    header .xl-mb--negative-8,
    footer .xl-mb--negative-8 {
      margin-bottom: -8rem; }
    header .xl-ml--negative-8,
    footer .xl-ml--negative-8 {
      margin-left: -8rem; }
    header .xl-mr--negative-8,
    footer .xl-mr--negative-8 {
      margin-right: -8rem; }
    header .xl-m--negative-9,
    footer .xl-m--negative-9 {
      margin: -9rem; }
    header .xl-mx--negative-9,
    footer .xl-mx--negative-9 {
      margin-left: -9rem;
      margin-right: -9rem; }
    header .xl-my--negative-9,
    footer .xl-my--negative-9 {
      margin-top: -9rem;
      margin-bottom: -9rem; }
    header .xl-mt--negative-9,
    footer .xl-mt--negative-9 {
      margin-top: -9rem; }
    header .xl-mb--negative-9,
    footer .xl-mb--negative-9 {
      margin-bottom: -9rem; }
    header .xl-ml--negative-9,
    footer .xl-ml--negative-9 {
      margin-left: -9rem; }
    header .xl-mr--negative-9,
    footer .xl-mr--negative-9 {
      margin-right: -9rem; }
    header .xl-m--negative-10,
    footer .xl-m--negative-10 {
      margin: -10rem; }
    header .xl-mx--negative-10,
    footer .xl-mx--negative-10 {
      margin-left: -10rem;
      margin-right: -10rem; }
    header .xl-my--negative-10,
    footer .xl-my--negative-10 {
      margin-top: -10rem;
      margin-bottom: -10rem; }
    header .xl-mt--negative-10,
    footer .xl-mt--negative-10 {
      margin-top: -10rem; }
    header .xl-mb--negative-10,
    footer .xl-mb--negative-10 {
      margin-bottom: -10rem; }
    header .xl-ml--negative-10,
    footer .xl-ml--negative-10 {
      margin-left: -10rem; }
    header .xl-mr--negative-10,
    footer .xl-mr--negative-10 {
      margin-right: -10rem; }
    header .xl-m--auto,
    footer .xl-m--auto {
      margin: auto; }
    header .xl-mx--auto,
    footer .xl-mx--auto {
      margin-left: auto;
      margin-right: auto; }
    header .xl-my--auto,
    footer .xl-my--auto {
      margin-top: auto;
      margin-bottom: auto; }
    header .xl-mt--auto,
    footer .xl-mt--auto {
      margin-top: auto; }
    header .xl-mb--auto,
    footer .xl-mb--auto {
      margin-bottom: auto; }
    header .xl-ml--auto,
    footer .xl-ml--auto {
      margin-left: auto; }
    header .xl-mr--auto,
    footer .xl-mr--auto {
      margin-right: auto; }
    header .xl-p--0,
    footer .xl-p--0 {
      padding: 0rem; }
    header .xl-px--0,
    footer .xl-px--0 {
      padding-left: 0rem;
      padding-right: 0rem; }
    header .xl-py--0,
    footer .xl-py--0 {
      padding-top: 0rem;
      padding-bottom: 0rem; }
    header .xl-pt--0,
    footer .xl-pt--0 {
      padding-top: 0rem; }
    header .xl-pb--0,
    footer .xl-pb--0 {
      padding-bottom: 0rem; }
    header .xl-pl--0,
    footer .xl-pl--0 {
      padding-left: 0rem; }
    header .xl-pr--0,
    footer .xl-pr--0 {
      padding-right: 0rem; }
    header .xl-p--quarter,
    footer .xl-p--quarter {
      padding: 0.25rem; }
    header .xl-px--quarter,
    footer .xl-px--quarter {
      padding-left: 0.25rem;
      padding-right: 0.25rem; }
    header .xl-py--quarter,
    footer .xl-py--quarter {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem; }
    header .xl-pt--quarter,
    footer .xl-pt--quarter {
      padding-top: 0.25rem; }
    header .xl-pb--quarter,
    footer .xl-pb--quarter {
      padding-bottom: 0.25rem; }
    header .xl-pl--quarter,
    footer .xl-pl--quarter {
      padding-left: 0.25rem; }
    header .xl-pr--quarter,
    footer .xl-pr--quarter {
      padding-right: 0.25rem; }
    header .xl-p--half,
    footer .xl-p--half {
      padding: 0.5rem; }
    header .xl-px--half,
    footer .xl-px--half {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
    header .xl-py--half,
    footer .xl-py--half {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    header .xl-pt--half,
    footer .xl-pt--half {
      padding-top: 0.5rem; }
    header .xl-pb--half,
    footer .xl-pb--half {
      padding-bottom: 0.5rem; }
    header .xl-pl--half,
    footer .xl-pl--half {
      padding-left: 0.5rem; }
    header .xl-pr--half,
    footer .xl-pr--half {
      padding-right: 0.5rem; }
    header .xl-p--3-quarters,
    footer .xl-p--3-quarters {
      padding: 0.75rem; }
    header .xl-px--3-quarters,
    footer .xl-px--3-quarters {
      padding-left: 0.75rem;
      padding-right: 0.75rem; }
    header .xl-py--3-quarters,
    footer .xl-py--3-quarters {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
    header .xl-pt--3-quarters,
    footer .xl-pt--3-quarters {
      padding-top: 0.75rem; }
    header .xl-pb--3-quarters,
    footer .xl-pb--3-quarters {
      padding-bottom: 0.75rem; }
    header .xl-pl--3-quarters,
    footer .xl-pl--3-quarters {
      padding-left: 0.75rem; }
    header .xl-pr--3-quarters,
    footer .xl-pr--3-quarters {
      padding-right: 0.75rem; }
    header .xl-p--1,
    footer .xl-p--1 {
      padding: 1rem; }
    header .xl-px--1,
    footer .xl-px--1 {
      padding-left: 1rem;
      padding-right: 1rem; }
    header .xl-py--1,
    footer .xl-py--1 {
      padding-top: 1rem;
      padding-bottom: 1rem; }
    header .xl-pt--1,
    footer .xl-pt--1 {
      padding-top: 1rem; }
    header .xl-pb--1,
    footer .xl-pb--1 {
      padding-bottom: 1rem; }
    header .xl-pl--1,
    footer .xl-pl--1 {
      padding-left: 1rem; }
    header .xl-pr--1,
    footer .xl-pr--1 {
      padding-right: 1rem; }
    header .xl-p--1-half,
    footer .xl-p--1-half {
      padding: 1.5rem; }
    header .xl-px--1-half,
    footer .xl-px--1-half {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
    header .xl-py--1-half,
    footer .xl-py--1-half {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
    header .xl-pt--1-half,
    footer .xl-pt--1-half {
      padding-top: 1.5rem; }
    header .xl-pb--1-half,
    footer .xl-pb--1-half {
      padding-bottom: 1.5rem; }
    header .xl-pl--1-half,
    footer .xl-pl--1-half {
      padding-left: 1.5rem; }
    header .xl-pr--1-half,
    footer .xl-pr--1-half {
      padding-right: 1.5rem; }
    header .xl-p--2,
    footer .xl-p--2 {
      padding: 2rem; }
    header .xl-px--2,
    footer .xl-px--2 {
      padding-left: 2rem;
      padding-right: 2rem; }
    header .xl-py--2,
    footer .xl-py--2 {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    header .xl-pt--2,
    footer .xl-pt--2 {
      padding-top: 2rem; }
    header .xl-pb--2,
    footer .xl-pb--2 {
      padding-bottom: 2rem; }
    header .xl-pl--2,
    footer .xl-pl--2 {
      padding-left: 2rem; }
    header .xl-pr--2,
    footer .xl-pr--2 {
      padding-right: 2rem; }
    header .xl-p--2-half,
    footer .xl-p--2-half {
      padding: 2.5rem; }
    header .xl-px--2-half,
    footer .xl-px--2-half {
      padding-left: 2.5rem;
      padding-right: 2.5rem; }
    header .xl-py--2-half,
    footer .xl-py--2-half {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
    header .xl-pt--2-half,
    footer .xl-pt--2-half {
      padding-top: 2.5rem; }
    header .xl-pb--2-half,
    footer .xl-pb--2-half {
      padding-bottom: 2.5rem; }
    header .xl-pl--2-half,
    footer .xl-pl--2-half {
      padding-left: 2.5rem; }
    header .xl-pr--2-half,
    footer .xl-pr--2-half {
      padding-right: 2.5rem; }
    header .xl-p--3,
    footer .xl-p--3 {
      padding: 3rem; }
    header .xl-px--3,
    footer .xl-px--3 {
      padding-left: 3rem;
      padding-right: 3rem; }
    header .xl-py--3,
    footer .xl-py--3 {
      padding-top: 3rem;
      padding-bottom: 3rem; }
    header .xl-pt--3,
    footer .xl-pt--3 {
      padding-top: 3rem; }
    header .xl-pb--3,
    footer .xl-pb--3 {
      padding-bottom: 3rem; }
    header .xl-pl--3,
    footer .xl-pl--3 {
      padding-left: 3rem; }
    header .xl-pr--3,
    footer .xl-pr--3 {
      padding-right: 3rem; }
    header .xl-p--3-half,
    footer .xl-p--3-half {
      padding: 3.5rem; }
    header .xl-px--3-half,
    footer .xl-px--3-half {
      padding-left: 3.5rem;
      padding-right: 3.5rem; }
    header .xl-py--3-half,
    footer .xl-py--3-half {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem; }
    header .xl-pt--3-half,
    footer .xl-pt--3-half {
      padding-top: 3.5rem; }
    header .xl-pb--3-half,
    footer .xl-pb--3-half {
      padding-bottom: 3.5rem; }
    header .xl-pl--3-half,
    footer .xl-pl--3-half {
      padding-left: 3.5rem; }
    header .xl-pr--3-half,
    footer .xl-pr--3-half {
      padding-right: 3.5rem; }
    header .xl-p--4,
    footer .xl-p--4 {
      padding: 4rem; }
    header .xl-px--4,
    footer .xl-px--4 {
      padding-left: 4rem;
      padding-right: 4rem; }
    header .xl-py--4,
    footer .xl-py--4 {
      padding-top: 4rem;
      padding-bottom: 4rem; }
    header .xl-pt--4,
    footer .xl-pt--4 {
      padding-top: 4rem; }
    header .xl-pb--4,
    footer .xl-pb--4 {
      padding-bottom: 4rem; }
    header .xl-pl--4,
    footer .xl-pl--4 {
      padding-left: 4rem; }
    header .xl-pr--4,
    footer .xl-pr--4 {
      padding-right: 4rem; }
    header .xl-p--4-half,
    footer .xl-p--4-half {
      padding: 4.5rem; }
    header .xl-px--4-half,
    footer .xl-px--4-half {
      padding-left: 4.5rem;
      padding-right: 4.5rem; }
    header .xl-py--4-half,
    footer .xl-py--4-half {
      padding-top: 4.5rem;
      padding-bottom: 4.5rem; }
    header .xl-pt--4-half,
    footer .xl-pt--4-half {
      padding-top: 4.5rem; }
    header .xl-pb--4-half,
    footer .xl-pb--4-half {
      padding-bottom: 4.5rem; }
    header .xl-pl--4-half,
    footer .xl-pl--4-half {
      padding-left: 4.5rem; }
    header .xl-pr--4-half,
    footer .xl-pr--4-half {
      padding-right: 4.5rem; }
    header .xl-p--5,
    footer .xl-p--5 {
      padding: 5rem; }
    header .xl-px--5,
    footer .xl-px--5 {
      padding-left: 5rem;
      padding-right: 5rem; }
    header .xl-py--5,
    footer .xl-py--5 {
      padding-top: 5rem;
      padding-bottom: 5rem; }
    header .xl-pt--5,
    footer .xl-pt--5 {
      padding-top: 5rem; }
    header .xl-pb--5,
    footer .xl-pb--5 {
      padding-bottom: 5rem; }
    header .xl-pl--5,
    footer .xl-pl--5 {
      padding-left: 5rem; }
    header .xl-pr--5,
    footer .xl-pr--5 {
      padding-right: 5rem; }
    header .xl-p--5-half,
    footer .xl-p--5-half {
      padding: 5.5rem; }
    header .xl-px--5-half,
    footer .xl-px--5-half {
      padding-left: 5.5rem;
      padding-right: 5.5rem; }
    header .xl-py--5-half,
    footer .xl-py--5-half {
      padding-top: 5.5rem;
      padding-bottom: 5.5rem; }
    header .xl-pt--5-half,
    footer .xl-pt--5-half {
      padding-top: 5.5rem; }
    header .xl-pb--5-half,
    footer .xl-pb--5-half {
      padding-bottom: 5.5rem; }
    header .xl-pl--5-half,
    footer .xl-pl--5-half {
      padding-left: 5.5rem; }
    header .xl-pr--5-half,
    footer .xl-pr--5-half {
      padding-right: 5.5rem; }
    header .xl-p--6,
    footer .xl-p--6 {
      padding: 6rem; }
    header .xl-px--6,
    footer .xl-px--6 {
      padding-left: 6rem;
      padding-right: 6rem; }
    header .xl-py--6,
    footer .xl-py--6 {
      padding-top: 6rem;
      padding-bottom: 6rem; }
    header .xl-pt--6,
    footer .xl-pt--6 {
      padding-top: 6rem; }
    header .xl-pb--6,
    footer .xl-pb--6 {
      padding-bottom: 6rem; }
    header .xl-pl--6,
    footer .xl-pl--6 {
      padding-left: 6rem; }
    header .xl-pr--6,
    footer .xl-pr--6 {
      padding-right: 6rem; }
    header .xl-p--6-half,
    footer .xl-p--6-half {
      padding: 6.5rem; }
    header .xl-px--6-half,
    footer .xl-px--6-half {
      padding-left: 6.5rem;
      padding-right: 6.5rem; }
    header .xl-py--6-half,
    footer .xl-py--6-half {
      padding-top: 6.5rem;
      padding-bottom: 6.5rem; }
    header .xl-pt--6-half,
    footer .xl-pt--6-half {
      padding-top: 6.5rem; }
    header .xl-pb--6-half,
    footer .xl-pb--6-half {
      padding-bottom: 6.5rem; }
    header .xl-pl--6-half,
    footer .xl-pl--6-half {
      padding-left: 6.5rem; }
    header .xl-pr--6-half,
    footer .xl-pr--6-half {
      padding-right: 6.5rem; }
    header .xl-p--7,
    footer .xl-p--7 {
      padding: 7rem; }
    header .xl-px--7,
    footer .xl-px--7 {
      padding-left: 7rem;
      padding-right: 7rem; }
    header .xl-py--7,
    footer .xl-py--7 {
      padding-top: 7rem;
      padding-bottom: 7rem; }
    header .xl-pt--7,
    footer .xl-pt--7 {
      padding-top: 7rem; }
    header .xl-pb--7,
    footer .xl-pb--7 {
      padding-bottom: 7rem; }
    header .xl-pl--7,
    footer .xl-pl--7 {
      padding-left: 7rem; }
    header .xl-pr--7,
    footer .xl-pr--7 {
      padding-right: 7rem; }
    header .xl-p--7-half,
    footer .xl-p--7-half {
      padding: 7.5rem; }
    header .xl-px--7-half,
    footer .xl-px--7-half {
      padding-left: 7.5rem;
      padding-right: 7.5rem; }
    header .xl-py--7-half,
    footer .xl-py--7-half {
      padding-top: 7.5rem;
      padding-bottom: 7.5rem; }
    header .xl-pt--7-half,
    footer .xl-pt--7-half {
      padding-top: 7.5rem; }
    header .xl-pb--7-half,
    footer .xl-pb--7-half {
      padding-bottom: 7.5rem; }
    header .xl-pl--7-half,
    footer .xl-pl--7-half {
      padding-left: 7.5rem; }
    header .xl-pr--7-half,
    footer .xl-pr--7-half {
      padding-right: 7.5rem; }
    header .xl-p--8,
    footer .xl-p--8 {
      padding: 8rem; }
    header .xl-px--8,
    footer .xl-px--8 {
      padding-left: 8rem;
      padding-right: 8rem; }
    header .xl-py--8,
    footer .xl-py--8 {
      padding-top: 8rem;
      padding-bottom: 8rem; }
    header .xl-pt--8,
    footer .xl-pt--8 {
      padding-top: 8rem; }
    header .xl-pb--8,
    footer .xl-pb--8 {
      padding-bottom: 8rem; }
    header .xl-pl--8,
    footer .xl-pl--8 {
      padding-left: 8rem; }
    header .xl-pr--8,
    footer .xl-pr--8 {
      padding-right: 8rem; }
    header .xl-p--9,
    footer .xl-p--9 {
      padding: 9rem; }
    header .xl-px--9,
    footer .xl-px--9 {
      padding-left: 9rem;
      padding-right: 9rem; }
    header .xl-py--9,
    footer .xl-py--9 {
      padding-top: 9rem;
      padding-bottom: 9rem; }
    header .xl-pt--9,
    footer .xl-pt--9 {
      padding-top: 9rem; }
    header .xl-pb--9,
    footer .xl-pb--9 {
      padding-bottom: 9rem; }
    header .xl-pl--9,
    footer .xl-pl--9 {
      padding-left: 9rem; }
    header .xl-pr--9,
    footer .xl-pr--9 {
      padding-right: 9rem; }
    header .xl-p--10,
    footer .xl-p--10 {
      padding: 10rem; }
    header .xl-px--10,
    footer .xl-px--10 {
      padding-left: 10rem;
      padding-right: 10rem; }
    header .xl-py--10,
    footer .xl-py--10 {
      padding-top: 10rem;
      padding-bottom: 10rem; }
    header .xl-pt--10,
    footer .xl-pt--10 {
      padding-top: 10rem; }
    header .xl-pb--10,
    footer .xl-pb--10 {
      padding-bottom: 10rem; }
    header .xl-pl--10,
    footer .xl-pl--10 {
      padding-left: 10rem; }
    header .xl-pr--10,
    footer .xl-pr--10 {
      padding-right: 10rem; }
    header .xl-p--11,
    footer .xl-p--11 {
      padding: 11rem; }
    header .xl-px--11,
    footer .xl-px--11 {
      padding-left: 11rem;
      padding-right: 11rem; }
    header .xl-py--11,
    footer .xl-py--11 {
      padding-top: 11rem;
      padding-bottom: 11rem; }
    header .xl-pt--11,
    footer .xl-pt--11 {
      padding-top: 11rem; }
    header .xl-pb--11,
    footer .xl-pb--11 {
      padding-bottom: 11rem; }
    header .xl-pl--11,
    footer .xl-pl--11 {
      padding-left: 11rem; }
    header .xl-pr--11,
    footer .xl-pr--11 {
      padding-right: 11rem; }
    header .xl-p--12,
    footer .xl-p--12 {
      padding: 12rem; }
    header .xl-px--12,
    footer .xl-px--12 {
      padding-left: 12rem;
      padding-right: 12rem; }
    header .xl-py--12,
    footer .xl-py--12 {
      padding-top: 12rem;
      padding-bottom: 12rem; }
    header .xl-pt--12,
    footer .xl-pt--12 {
      padding-top: 12rem; }
    header .xl-pb--12,
    footer .xl-pb--12 {
      padding-bottom: 12rem; }
    header .xl-pl--12,
    footer .xl-pl--12 {
      padding-left: 12rem; }
    header .xl-pr--12,
    footer .xl-pr--12 {
      padding-right: 12rem; }
    header .xl-p--13,
    footer .xl-p--13 {
      padding: 13rem; }
    header .xl-px--13,
    footer .xl-px--13 {
      padding-left: 13rem;
      padding-right: 13rem; }
    header .xl-py--13,
    footer .xl-py--13 {
      padding-top: 13rem;
      padding-bottom: 13rem; }
    header .xl-pt--13,
    footer .xl-pt--13 {
      padding-top: 13rem; }
    header .xl-pb--13,
    footer .xl-pb--13 {
      padding-bottom: 13rem; }
    header .xl-pl--13,
    footer .xl-pl--13 {
      padding-left: 13rem; }
    header .xl-pr--13,
    footer .xl-pr--13 {
      padding-right: 13rem; }
    header .xl-p--14,
    footer .xl-p--14 {
      padding: 14rem; }
    header .xl-px--14,
    footer .xl-px--14 {
      padding-left: 14rem;
      padding-right: 14rem; }
    header .xl-py--14,
    footer .xl-py--14 {
      padding-top: 14rem;
      padding-bottom: 14rem; }
    header .xl-pt--14,
    footer .xl-pt--14 {
      padding-top: 14rem; }
    header .xl-pb--14,
    footer .xl-pb--14 {
      padding-bottom: 14rem; }
    header .xl-pl--14,
    footer .xl-pl--14 {
      padding-left: 14rem; }
    header .xl-pr--14,
    footer .xl-pr--14 {
      padding-right: 14rem; }
    header .xl-p--15,
    footer .xl-p--15 {
      padding: 15rem; }
    header .xl-px--15,
    footer .xl-px--15 {
      padding-left: 15rem;
      padding-right: 15rem; }
    header .xl-py--15,
    footer .xl-py--15 {
      padding-top: 15rem;
      padding-bottom: 15rem; }
    header .xl-pt--15,
    footer .xl-pt--15 {
      padding-top: 15rem; }
    header .xl-pb--15,
    footer .xl-pb--15 {
      padding-bottom: 15rem; }
    header .xl-pl--15,
    footer .xl-pl--15 {
      padding-left: 15rem; }
    header .xl-pr--15,
    footer .xl-pr--15 {
      padding-right: 15rem; }
    header .xl-p--16,
    footer .xl-p--16 {
      padding: 16rem; }
    header .xl-px--16,
    footer .xl-px--16 {
      padding-left: 16rem;
      padding-right: 16rem; }
    header .xl-py--16,
    footer .xl-py--16 {
      padding-top: 16rem;
      padding-bottom: 16rem; }
    header .xl-pt--16,
    footer .xl-pt--16 {
      padding-top: 16rem; }
    header .xl-pb--16,
    footer .xl-pb--16 {
      padding-bottom: 16rem; }
    header .xl-pl--16,
    footer .xl-pl--16 {
      padding-left: 16rem; }
    header .xl-pr--16,
    footer .xl-pr--16 {
      padding-right: 16rem; }
    header .xl-p--17,
    footer .xl-p--17 {
      padding: 17rem; }
    header .xl-px--17,
    footer .xl-px--17 {
      padding-left: 17rem;
      padding-right: 17rem; }
    header .xl-py--17,
    footer .xl-py--17 {
      padding-top: 17rem;
      padding-bottom: 17rem; }
    header .xl-pt--17,
    footer .xl-pt--17 {
      padding-top: 17rem; }
    header .xl-pb--17,
    footer .xl-pb--17 {
      padding-bottom: 17rem; }
    header .xl-pl--17,
    footer .xl-pl--17 {
      padding-left: 17rem; }
    header .xl-pr--17,
    footer .xl-pr--17 {
      padding-right: 17rem; }
    header .xl-p--18,
    footer .xl-p--18 {
      padding: 18rem; }
    header .xl-px--18,
    footer .xl-px--18 {
      padding-left: 18rem;
      padding-right: 18rem; }
    header .xl-py--18,
    footer .xl-py--18 {
      padding-top: 18rem;
      padding-bottom: 18rem; }
    header .xl-pt--18,
    footer .xl-pt--18 {
      padding-top: 18rem; }
    header .xl-pb--18,
    footer .xl-pb--18 {
      padding-bottom: 18rem; }
    header .xl-pl--18,
    footer .xl-pl--18 {
      padding-left: 18rem; }
    header .xl-pr--18,
    footer .xl-pr--18 {
      padding-right: 18rem; }
    header .xl-p--19,
    footer .xl-p--19 {
      padding: 19rem; }
    header .xl-px--19,
    footer .xl-px--19 {
      padding-left: 19rem;
      padding-right: 19rem; }
    header .xl-py--19,
    footer .xl-py--19 {
      padding-top: 19rem;
      padding-bottom: 19rem; }
    header .xl-pt--19,
    footer .xl-pt--19 {
      padding-top: 19rem; }
    header .xl-pb--19,
    footer .xl-pb--19 {
      padding-bottom: 19rem; }
    header .xl-pl--19,
    footer .xl-pl--19 {
      padding-left: 19rem; }
    header .xl-pr--19,
    footer .xl-pr--19 {
      padding-right: 19rem; }
    header .xl-p--20,
    footer .xl-p--20 {
      padding: 20rem; }
    header .xl-px--20,
    footer .xl-px--20 {
      padding-left: 20rem;
      padding-right: 20rem; }
    header .xl-py--20,
    footer .xl-py--20 {
      padding-top: 20rem;
      padding-bottom: 20rem; }
    header .xl-pt--20,
    footer .xl-pt--20 {
      padding-top: 20rem; }
    header .xl-pb--20,
    footer .xl-pb--20 {
      padding-bottom: 20rem; }
    header .xl-pl--20,
    footer .xl-pl--20 {
      padding-left: 20rem; }
    header .xl-pr--20,
    footer .xl-pr--20 {
      padding-right: 20rem; }
    header .xl-p--negative-quarter,
    footer .xl-p--negative-quarter {
      padding: -0.25rem; }
    header .xl-px--negative-quarter,
    footer .xl-px--negative-quarter {
      padding-left: -0.25rem;
      padding-right: -0.25rem; }
    header .xl-py--negative-quarter,
    footer .xl-py--negative-quarter {
      padding-top: -0.25rem;
      padding-bottom: -0.25rem; }
    header .xl-pt--negative-quarter,
    footer .xl-pt--negative-quarter {
      padding-top: -0.25rem; }
    header .xl-pb--negative-quarter,
    footer .xl-pb--negative-quarter {
      padding-bottom: -0.25rem; }
    header .xl-pl--negative-quarter,
    footer .xl-pl--negative-quarter {
      padding-left: -0.25rem; }
    header .xl-pr--negative-quarter,
    footer .xl-pr--negative-quarter {
      padding-right: -0.25rem; }
    header .xl-p--negative-3-quarters,
    footer .xl-p--negative-3-quarters {
      padding: -0.75rem; }
    header .xl-px--negative-3-quarters,
    footer .xl-px--negative-3-quarters {
      padding-left: -0.75rem;
      padding-right: -0.75rem; }
    header .xl-py--negative-3-quarters,
    footer .xl-py--negative-3-quarters {
      padding-top: -0.75rem;
      padding-bottom: -0.75rem; }
    header .xl-pt--negative-3-quarters,
    footer .xl-pt--negative-3-quarters {
      padding-top: -0.75rem; }
    header .xl-pb--negative-3-quarters,
    footer .xl-pb--negative-3-quarters {
      padding-bottom: -0.75rem; }
    header .xl-pl--negative-3-quarters,
    footer .xl-pl--negative-3-quarters {
      padding-left: -0.75rem; }
    header .xl-pr--negative-3-quarters,
    footer .xl-pr--negative-3-quarters {
      padding-right: -0.75rem; }
    header .xl-p--negative-half,
    footer .xl-p--negative-half {
      padding: -0.5rem; }
    header .xl-px--negative-half,
    footer .xl-px--negative-half {
      padding-left: -0.5rem;
      padding-right: -0.5rem; }
    header .xl-py--negative-half,
    footer .xl-py--negative-half {
      padding-top: -0.5rem;
      padding-bottom: -0.5rem; }
    header .xl-pt--negative-half,
    footer .xl-pt--negative-half {
      padding-top: -0.5rem; }
    header .xl-pb--negative-half,
    footer .xl-pb--negative-half {
      padding-bottom: -0.5rem; }
    header .xl-pl--negative-half,
    footer .xl-pl--negative-half {
      padding-left: -0.5rem; }
    header .xl-pr--negative-half,
    footer .xl-pr--negative-half {
      padding-right: -0.5rem; }
    header .xl-p--negative-1,
    footer .xl-p--negative-1 {
      padding: -1rem; }
    header .xl-px--negative-1,
    footer .xl-px--negative-1 {
      padding-left: -1rem;
      padding-right: -1rem; }
    header .xl-py--negative-1,
    footer .xl-py--negative-1 {
      padding-top: -1rem;
      padding-bottom: -1rem; }
    header .xl-pt--negative-1,
    footer .xl-pt--negative-1 {
      padding-top: -1rem; }
    header .xl-pb--negative-1,
    footer .xl-pb--negative-1 {
      padding-bottom: -1rem; }
    header .xl-pl--negative-1,
    footer .xl-pl--negative-1 {
      padding-left: -1rem; }
    header .xl-pr--negative-1,
    footer .xl-pr--negative-1 {
      padding-right: -1rem; }
    header .xl-p--negative-1-half,
    footer .xl-p--negative-1-half {
      padding: -1.5rem; }
    header .xl-px--negative-1-half,
    footer .xl-px--negative-1-half {
      padding-left: -1.5rem;
      padding-right: -1.5rem; }
    header .xl-py--negative-1-half,
    footer .xl-py--negative-1-half {
      padding-top: -1.5rem;
      padding-bottom: -1.5rem; }
    header .xl-pt--negative-1-half,
    footer .xl-pt--negative-1-half {
      padding-top: -1.5rem; }
    header .xl-pb--negative-1-half,
    footer .xl-pb--negative-1-half {
      padding-bottom: -1.5rem; }
    header .xl-pl--negative-1-half,
    footer .xl-pl--negative-1-half {
      padding-left: -1.5rem; }
    header .xl-pr--negative-1-half,
    footer .xl-pr--negative-1-half {
      padding-right: -1.5rem; }
    header .xl-p--negative-2,
    footer .xl-p--negative-2 {
      padding: -2rem; }
    header .xl-px--negative-2,
    footer .xl-px--negative-2 {
      padding-left: -2rem;
      padding-right: -2rem; }
    header .xl-py--negative-2,
    footer .xl-py--negative-2 {
      padding-top: -2rem;
      padding-bottom: -2rem; }
    header .xl-pt--negative-2,
    footer .xl-pt--negative-2 {
      padding-top: -2rem; }
    header .xl-pb--negative-2,
    footer .xl-pb--negative-2 {
      padding-bottom: -2rem; }
    header .xl-pl--negative-2,
    footer .xl-pl--negative-2 {
      padding-left: -2rem; }
    header .xl-pr--negative-2,
    footer .xl-pr--negative-2 {
      padding-right: -2rem; }
    header .xl-p--negative-3,
    footer .xl-p--negative-3 {
      padding: -3rem; }
    header .xl-px--negative-3,
    footer .xl-px--negative-3 {
      padding-left: -3rem;
      padding-right: -3rem; }
    header .xl-py--negative-3,
    footer .xl-py--negative-3 {
      padding-top: -3rem;
      padding-bottom: -3rem; }
    header .xl-pt--negative-3,
    footer .xl-pt--negative-3 {
      padding-top: -3rem; }
    header .xl-pb--negative-3,
    footer .xl-pb--negative-3 {
      padding-bottom: -3rem; }
    header .xl-pl--negative-3,
    footer .xl-pl--negative-3 {
      padding-left: -3rem; }
    header .xl-pr--negative-3,
    footer .xl-pr--negative-3 {
      padding-right: -3rem; }
    header .xl-p--negative-4,
    footer .xl-p--negative-4 {
      padding: -4rem; }
    header .xl-px--negative-4,
    footer .xl-px--negative-4 {
      padding-left: -4rem;
      padding-right: -4rem; }
    header .xl-py--negative-4,
    footer .xl-py--negative-4 {
      padding-top: -4rem;
      padding-bottom: -4rem; }
    header .xl-pt--negative-4,
    footer .xl-pt--negative-4 {
      padding-top: -4rem; }
    header .xl-pb--negative-4,
    footer .xl-pb--negative-4 {
      padding-bottom: -4rem; }
    header .xl-pl--negative-4,
    footer .xl-pl--negative-4 {
      padding-left: -4rem; }
    header .xl-pr--negative-4,
    footer .xl-pr--negative-4 {
      padding-right: -4rem; }
    header .xl-p--negative-5,
    footer .xl-p--negative-5 {
      padding: -5rem; }
    header .xl-px--negative-5,
    footer .xl-px--negative-5 {
      padding-left: -5rem;
      padding-right: -5rem; }
    header .xl-py--negative-5,
    footer .xl-py--negative-5 {
      padding-top: -5rem;
      padding-bottom: -5rem; }
    header .xl-pt--negative-5,
    footer .xl-pt--negative-5 {
      padding-top: -5rem; }
    header .xl-pb--negative-5,
    footer .xl-pb--negative-5 {
      padding-bottom: -5rem; }
    header .xl-pl--negative-5,
    footer .xl-pl--negative-5 {
      padding-left: -5rem; }
    header .xl-pr--negative-5,
    footer .xl-pr--negative-5 {
      padding-right: -5rem; }
    header .xl-p--negative-6,
    footer .xl-p--negative-6 {
      padding: -6rem; }
    header .xl-px--negative-6,
    footer .xl-px--negative-6 {
      padding-left: -6rem;
      padding-right: -6rem; }
    header .xl-py--negative-6,
    footer .xl-py--negative-6 {
      padding-top: -6rem;
      padding-bottom: -6rem; }
    header .xl-pt--negative-6,
    footer .xl-pt--negative-6 {
      padding-top: -6rem; }
    header .xl-pb--negative-6,
    footer .xl-pb--negative-6 {
      padding-bottom: -6rem; }
    header .xl-pl--negative-6,
    footer .xl-pl--negative-6 {
      padding-left: -6rem; }
    header .xl-pr--negative-6,
    footer .xl-pr--negative-6 {
      padding-right: -6rem; }
    header .xl-p--negative-7,
    footer .xl-p--negative-7 {
      padding: -7rem; }
    header .xl-px--negative-7,
    footer .xl-px--negative-7 {
      padding-left: -7rem;
      padding-right: -7rem; }
    header .xl-py--negative-7,
    footer .xl-py--negative-7 {
      padding-top: -7rem;
      padding-bottom: -7rem; }
    header .xl-pt--negative-7,
    footer .xl-pt--negative-7 {
      padding-top: -7rem; }
    header .xl-pb--negative-7,
    footer .xl-pb--negative-7 {
      padding-bottom: -7rem; }
    header .xl-pl--negative-7,
    footer .xl-pl--negative-7 {
      padding-left: -7rem; }
    header .xl-pr--negative-7,
    footer .xl-pr--negative-7 {
      padding-right: -7rem; }
    header .xl-p--negative-8,
    footer .xl-p--negative-8 {
      padding: -8rem; }
    header .xl-px--negative-8,
    footer .xl-px--negative-8 {
      padding-left: -8rem;
      padding-right: -8rem; }
    header .xl-py--negative-8,
    footer .xl-py--negative-8 {
      padding-top: -8rem;
      padding-bottom: -8rem; }
    header .xl-pt--negative-8,
    footer .xl-pt--negative-8 {
      padding-top: -8rem; }
    header .xl-pb--negative-8,
    footer .xl-pb--negative-8 {
      padding-bottom: -8rem; }
    header .xl-pl--negative-8,
    footer .xl-pl--negative-8 {
      padding-left: -8rem; }
    header .xl-pr--negative-8,
    footer .xl-pr--negative-8 {
      padding-right: -8rem; }
    header .xl-p--negative-9,
    footer .xl-p--negative-9 {
      padding: -9rem; }
    header .xl-px--negative-9,
    footer .xl-px--negative-9 {
      padding-left: -9rem;
      padding-right: -9rem; }
    header .xl-py--negative-9,
    footer .xl-py--negative-9 {
      padding-top: -9rem;
      padding-bottom: -9rem; }
    header .xl-pt--negative-9,
    footer .xl-pt--negative-9 {
      padding-top: -9rem; }
    header .xl-pb--negative-9,
    footer .xl-pb--negative-9 {
      padding-bottom: -9rem; }
    header .xl-pl--negative-9,
    footer .xl-pl--negative-9 {
      padding-left: -9rem; }
    header .xl-pr--negative-9,
    footer .xl-pr--negative-9 {
      padding-right: -9rem; }
    header .xl-p--negative-10,
    footer .xl-p--negative-10 {
      padding: -10rem; }
    header .xl-px--negative-10,
    footer .xl-px--negative-10 {
      padding-left: -10rem;
      padding-right: -10rem; }
    header .xl-py--negative-10,
    footer .xl-py--negative-10 {
      padding-top: -10rem;
      padding-bottom: -10rem; }
    header .xl-pt--negative-10,
    footer .xl-pt--negative-10 {
      padding-top: -10rem; }
    header .xl-pb--negative-10,
    footer .xl-pb--negative-10 {
      padding-bottom: -10rem; }
    header .xl-pl--negative-10,
    footer .xl-pl--negative-10 {
      padding-left: -10rem; }
    header .xl-pr--negative-10,
    footer .xl-pr--negative-10 {
      padding-right: -10rem; }
    header .xl-p--auto,
    footer .xl-p--auto {
      padding: auto; }
    header .xl-px--auto,
    footer .xl-px--auto {
      padding-left: auto;
      padding-right: auto; }
    header .xl-py--auto,
    footer .xl-py--auto {
      padding-top: auto;
      padding-bottom: auto; }
    header .xl-pt--auto,
    footer .xl-pt--auto {
      padding-top: auto; }
    header .xl-pb--auto,
    footer .xl-pb--auto {
      padding-bottom: auto; }
    header .xl-pl--auto,
    footer .xl-pl--auto {
      padding-left: auto; }
    header .xl-pr--auto,
    footer .xl-pr--auto {
      padding-right: auto; } }
  header .gam-max-width--100,
  footer .gam-max-width--100 {
    max-width: 100% !important; }
  header #gam-advisor-site-wrapper .lob-nav__lobs,
  footer #gam-advisor-site-wrapper .lob-nav__lobs {
    justify-content: space-around; }
    header #gam-advisor-site-wrapper .lob-nav__lobs .lob-nav__lob,
    footer #gam-advisor-site-wrapper .lob-nav__lobs .lob-nav__lob {
      flex-basis: 20%; }
    header #gam-advisor-site-wrapper .lob-nav__lobs .gam-custom-styling-sec-list-items,
    footer #gam-advisor-site-wrapper .lob-nav__lobs .gam-custom-styling-sec-list-items {
      font-weight: 500;
      flex-basis: auto; }
      header #gam-advisor-site-wrapper .lob-nav__lobs .gam-custom-styling-sec-list-items a,
      footer #gam-advisor-site-wrapper .lob-nav__lobs .gam-custom-styling-sec-list-items a {
        border-left: none; }
    @media only screen and (max-width: 767px) {
      header #gam-advisor-site-wrapper .lob-nav__lobs .lob-nav__follow-through,
      footer #gam-advisor-site-wrapper .lob-nav__lobs .lob-nav__follow-through {
        display: none; } }
    @media screen and (min-width: 375px) {
      header #gam-advisor-site-wrapper .lob-nav__lobs .gam-dropdown-items,
      footer #gam-advisor-site-wrapper .lob-nav__lobs .gam-dropdown-items {
        font-size: 1rem;
        line-height: 1.5rem; } }
    @media screen and (min-width: 768px) {
      header #gam-advisor-site-wrapper .lob-nav__lobs .gam-dropdown-items,
      footer #gam-advisor-site-wrapper .lob-nav__lobs .gam-dropdown-items {
        font-size: 1.375rem; } }
  header .gam-ad-footer-primary .gam-link-primary::after,
  footer .gam-ad-footer-primary .gam-link-primary::after {
    content: '|';
    color: #001928;
    padding: 0 5px; }
  header .gam-ad-footer-primary .gam-ad-footer-pri-wrapper ul li .gam-link-primary,
  footer .gam-ad-footer-primary .gam-ad-footer-pri-wrapper ul li .gam-link-primary {
    padding: 0 !important; }
  @media only screen and (min-width: 768px) {
    header .gam-ad-footer-primary,
    footer .gam-ad-footer-primary {
      width: 45rem; }
      header .gam-ad-footer-primary .gam-ad-footer-pri-wrapper,
      footer .gam-ad-footer-primary .gam-ad-footer-pri-wrapper {
        padding: 0; } }
  @media only screen and (min-width: 1024px) {
    header .gam-ad-footer-primary .gam-ad-footer-pri-wrapper,
    footer .gam-ad-footer-primary .gam-ad-footer-pri-wrapper {
      padding: 0 3rem; } }
  @media only screen and (min-width: 1280px) {
    header .gam-ad-footer-primary,
    footer .gam-ad-footer-primary {
      width: 75rem; } }
  header .lobDropDown,
  footer .lobDropDown {
    height: 100%;
    background: #0075BE !important;
    padding: 0 !important; }
    @media screen and (min-width: 375px) {
      header .lobDropDown,
      footer .lobDropDown {
        background-color: #fefefe !important; } }
    @media screen and (min-width: 768px) {
      header .lobDropDown,
      footer .lobDropDown {
        background-color: #0075BE !important; } }
  @media screen and (min-width: 375px) and (max-width: 767px) {
    header .lobDropDown__toggle,
    footer .lobDropDown__toggle {
      padding: 1rem 0.5rem !important;
      margin-top: 5px !important; }
      header .lobDropDown__toggle .signin__icon-flex,
      footer .lobDropDown__toggle .signin__icon-flex {
        display: flex;
        flex-direction: column;
        line-height: 1.5rem; } }
  @media screen and (min-width: 375px) {
    header .lobDropDown__toggle,
    footer .lobDropDown__toggle {
      background-color: #fefefe;
      font-size: 0.875rem !important; }
      header .lobDropDown__toggle span,
      footer .lobDropDown__toggle span {
        width: 100%; } }
  @media screen and (min-width: 768px) {
    header .lobDropDown__toggle,
    footer .lobDropDown__toggle {
      background-color: #0075BE;
      font-size: 0.8125rem !important;
      margin: 0 !important; }
      header .lobDropDown__toggle .signin__icon-flex,
      footer .lobDropDown__toggle .signin__icon-flex {
        display: inline-block;
        line-height: 1rem;
        padding: 0.35rem;
        position: absolute;
        transform: translateX(-100%);
        margin-bottom: 0;
        margin-top: -4px; }
        header .lobDropDown__toggle .signin__icon-flex .icon--bare,
        footer .lobDropDown__toggle .signin__icon-flex .icon--bare {
          display: none; } }
  header .lobDropDown__nav,
  footer .lobDropDown__nav {
    position: absolute;
    padding-top: 1em;
    padding-bottom: 1em;
    top: 5rem; }
    header .lobDropDown__nav a:hover,
    footer .lobDropDown__nav a:hover {
      text-decoration: underline !important; }
    @media screen and (min-width: 375px) and (max-width: 767px) {
      header .lobDropDown__nav,
      footer .lobDropDown__nav {
        position: absolute;
        padding-top: 1em;
        top: 5rem;
        left: 0;
        right: 0;
        background-color: #00436c;
        z-index: 1000; } }
    @media screen and (min-width: 768px) {
      header .lobDropDown__nav,
      footer .lobDropDown__nav {
        top: 100%;
        padding-top: 0;
        padding-bottom: 0;
        left: auto;
        white-space: nowrap;
        z-index: 1000;
        background-color: #005587;
        margin: -1px; } }
  header .gam-sec-footer,
  footer .gam-sec-footer {
    max-width: 75rem; }
    @media only screen and (min-width: 375px) {
      header .gam-sec-footer,
      footer .gam-sec-footer {
        padding: 0 1.5rem;
        max-width: 45rem;
        flex-direction: column; }
        header .gam-sec-footer .gam-sec-socialIcons,
        footer .gam-sec-footer .gam-sec-socialIcons {
          margin-top: 2rem;
          margin-right: auto;
          margin-left: 0; }
          header .gam-sec-footer .gam-sec-socialIcons .social-icons,
          footer .gam-sec-footer .gam-sec-socialIcons .social-icons {
            margin-right: auto;
            margin-left: 0; }
            header .gam-sec-footer .gam-sec-socialIcons .social-icons ul li a,
            footer .gam-sec-footer .gam-sec-socialIcons .social-icons ul li a {
              padding: 0 !important; }
          header .gam-sec-footer .gam-sec-socialIcons .gam-bmo-logo,
          footer .gam-sec-footer .gam-sec-socialIcons .gam-bmo-logo {
            padding: 0 !important;
            margin: 0 !important; }
            header .gam-sec-footer .gam-sec-socialIcons .gam-bmo-logo svg,
            footer .gam-sec-footer .gam-sec-socialIcons .gam-bmo-logo svg {
              padding: 0; }
        header .gam-sec-footer .gam-sec-list li a,
        footer .gam-sec-footer .gam-sec-list li a {
          padding: 0 !important;
          margin: 0 1rem 0.75rem 0; } }
    @media only screen and (min-width: 768px) {
      header .gam-sec-footer,
      footer .gam-sec-footer {
        padding: 0; }
        header .gam-sec-footer .gam-sec-list li a,
        footer .gam-sec-footer .gam-sec-list li a {
          margin: 0 1rem; }
        header .gam-sec-footer .gam-sec-list li .firstLink,
        footer .gam-sec-footer .gam-sec-list li .firstLink {
          margin: 0 1rem 0 0; } }
    @media only screen and (min-width: 1024px) {
      header .gam-sec-footer,
      footer .gam-sec-footer {
        padding: 0 3rem; } }
    @media only screen and (min-width: 1280px) {
      header .gam-sec-footer,
      footer .gam-sec-footer {
        max-width: 75rem;
        flex-direction: row; }
        header .gam-sec-footer .gam-sec-socialIcons,
        footer .gam-sec-footer .gam-sec-socialIcons {
          margin-top: 0;
          margin-right: 0;
          margin-left: auto; }
          header .gam-sec-footer .gam-sec-socialIcons .social-icons,
          footer .gam-sec-footer .gam-sec-socialIcons .social-icons {
            margin-right: 0;
            margin-left: auto; }
          header .gam-sec-footer .gam-sec-socialIcons .gam-bmo-logo,
          footer .gam-sec-footer .gam-sec-socialIcons .gam-bmo-logo {
            margin: 0 0.25rem; }
            header .gam-sec-footer .gam-sec-socialIcons .gam-bmo-logo svg,
            footer .gam-sec-footer .gam-sec-socialIcons .gam-bmo-logo svg {
              padding: 0 0.25rem; } }

.special-ribbon {
  background: #c81414;
  color: #fff;
  line-height: 1.9;
  position: absolute;
  padding: 0 .75em;
  font-size: .75rem;
  text-align: center;
  white-space: nowrap; }
  .special-ribbon:before {
    border-style: solid;
    border-color: #820e0e transparent transparent;
    border-width: 1em 0 0 1em;
    bottom: -1em;
    content: "";
    display: block;
    left: 0;
    position: absolute; }
  .special-ribbon:after {
    bottom: 0;
    border: .9em solid #c81414;
    border-left-width: 0;
    border-right-color: transparent;
    content: "";
    display: block;
    position: absolute;
    right: -.9em;
    z-index: 1; }


/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * Button Component
 *
 * These are used to indicate CTA's or content of importance.
 */
/**
 * 1. Fixes height issues when button is an 'inline' element. ex. <a>
 * 2. The button is supposed to be 20px line height.
 *   We dont do px line heights anymore, this emulates it.
 */
header .button, footer .button {
  /* 2 */
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.01562rem;
  font-weight: 300;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  /* 1 */
  padding: 0.6em 2em;
  border: 0.125rem solid #0075BE;
  border-radius: 5em;
  background: #0075BE;
  color: #FEFEFE;
  text-align: center;
  transition: 300ms ease background-color, 300ms ease color, 300ms ease border-color;
  cursor: pointer;
  max-width: 90vw;
  /**
     * 1. Remove focus style, only necessary when no hover/focus state change is defined.
     * 2. Remove anchor underlines.
     */
  /**
     * Outline styled buttons have no backgrounds and the border-color matches the font color.
     * This can be changes with utility classes however it does not work with the '--attention' modifier.
     * The outline MUST be the FIRST modified button due to the use of 'currentColor'.
     *
     * 1. Sets the color of the border to match the font.
     */
  /**
     * The light variation of the button.
     * This is commonly used with the button--outline when theres a blue background.
     */
  /**
     * Used for modal close
     */
  /* as per design require a button to be certain size*/
  /**
     * The attention button is used for important callouts.
     */
  /**
      * a button that is white and has blue text
      */
  /**
     * The transparent button is used for buttons with transparent backgrounds.
     */
  /**
     * This is used for a fixed CTA component that spans the whole screen.
     *
     * 1. Remove the border radius since it should be flush agains the sides.
     * 2. Reset the max-width since its set to 90vw above.
     */
  /**
     * Button used for navigation.
     * This button is used for the megamenu language toggle and probably no where else.
     *
     */ }
  header .button.disabled, footer .button.disabled {
    pointer-events: none;
    background-color: white;
    border-color: white;
    background-color: #d9dce1;
    color: #646c76; }
  header .button:hover, header .button:focus, header .button.active, footer .button:hover, footer .button:focus, footer .button.active {
    background: #005587;
    border-color: #005587;
    color: #FEFEFE;
    /* 1 */
    text-decoration: none;
    /* 2 */ }
  header .button--transform, footer .button--transform {
    font-size: 16px;
    text-transform: uppercase;
    padding: 14.4px 32px;
    font-weight: 500; }
  header .button--outline, footer .button--outline {
    background: none;
    border-color: currentColor;
    /* 1 */
    color: #0075BE; }
    header .button--outline:hover, header .button--outline:focus, header .button--outline.active, footer .button--outline:hover, footer .button--outline:focus, footer .button--outline.active {
      background: none;
      border-color: currentColor;
      /* 1 */
      color: #005587; }
  header .button--light, footer .button--light {
    color: #FEFEFE; }
    header .button--light:hover, header .button--light:focus, header .button--light.active, footer .button--light:hover, footer .button--light:focus, footer .button--light.active {
      color: #FEFEFE;
      background: #005587; }
  header .button--large, footer .button--large {
    padding: 1em 0 !important; }
  header .button--close, footer .button--close {
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
    border: none;
    background: none;
    color: #001928;
    transform: translate(-100%, 50%); }
  header .button--fourteen-em, footer .button--fourteen-em {
    width: 14em; }
  header .button--attention, footer .button--attention {
    border-radius: 5em !important;
    background-color: #c81414;
    border-color: #c81414; }
    header .button--attention.disabled, footer .button--attention.disabled {
      pointer-events: none;
      background-color: white;
      border-color: white; }
    header .button--attention:hover, header .button--attention:focus, header .button--attention.active, footer .button--attention:hover, footer .button--attention:focus, footer .button--attention.active {
      background-color: #820e0e;
      border-color: #820e0e; }
  header .button--white, footer .button--white {
    color: #0075BE;
    background-color: #FEFEFE;
    border-color: #FEFEFE; }
  header .button--white-dark-blue-hover, footer .button--white-dark-blue-hover {
    color: #0075BE;
    background-color: #FEFEFE;
    border-color: #FEFEFE; }
    header .button--white-dark-blue-hover:hover, footer .button--white-dark-blue-hover:hover {
      background: #003656;
      border-color: #003656; }
  header .button--white-text, footer .button--white-text {
    color: #FEFEFE; }
    header .button--white-text:hover, footer .button--white-text:hover {
      text-decoration: underline; }
  header .button--transparent, footer .button--transparent {
    background-color: transparent;
    border: none;
    color: #0075BE;
    padding: 0; }
    header .button--transparent:not(.active):hover, header .button--transparent:not(.active):focus, footer .button--transparent:not(.active):hover, footer .button--transparent:not(.active):focus {
      text-decoration: underline;
      background: transparent;
      color: #0075BE; }
    @media screen and (min-width: 46rem) {
      header .button--transparent-medium, footer .button--transparent-medium {
        background-color: transparent;
        border: none;
        color: #0075BE;
        padding: 0; }
        header .button--transparent-medium:not(.active):hover, header .button--transparent-medium:not(.active):focus, footer .button--transparent-medium:not(.active):hover, footer .button--transparent-medium:not(.active):focus {
          text-decoration: underline;
          background: transparent;
          color: #0075BE; } }
  header .button--square, footer .button--square {
    border-radius: 0; }
  header .button--rounded, footer .button--rounded {
    border-radius: 0.5em; }
  header .button--thin, footer .button--thin {
    border-width: 0.0625rem; }
  header .button--thinner, footer .button--thinner {
    padding-top: 0.25em;
    padding-bottom: 0.25em; }
  header .button--reverse:hover, header .button--reverse:focus, header .button--reverse, footer .button--reverse:hover, footer .button--reverse:focus, footer .button--reverse {
    background-color: #FEFEFE;
    color: #0075BE; }
  @media screen and (max-width: 45.9375rem) {
    header .button--mobile-block, footer .button--mobile-block {
      display: block;
      width: 100%; } }
  header .button--fixed, footer .button--fixed {
    position: fixed;
    width: 100%;
    right: 0;
    left: 0;
    border-radius: 0;
    /* 1 */
    max-width: 100%;
    /* 2 */
    /**
       * This is a fixed button but only for mobile.
       * The reason for the (small only) breakpoint is:
       *   There is no way of knowing what the button should be on medium+.
       *   Because of this the styles should be wrapped in (small only) breakpoint.
       */
    /**
       * Fixed button to top.
       */
    /**
       * Fixed button to bottom
       */ }
    @media screen and (max-width: 45.9375rem) {
      header .button--fixed--mobile, footer .button--fixed--mobile {
        position: fixed;
        right: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
        max-width: 100%;
        /* 2 */ } }
    header .button--fixed-top, footer .button--fixed-top {
      top: 0; }
    header .button--fixed-bottom, footer .button--fixed-bottom {
      bottom: 0; }
  header .button__product-column, footer .button__product-column {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 5em !important;
    height: 56px;
    width: 190px;
    letter-spacing: 0.015rem;
    padding: 1em; }
    @media screen and (max-width: 45.9375rem) {
      header .button__product-column, footer .button__product-column {
        width: 216px; } }
  header .button__primary-ds, footer .button__primary-ds {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 5em !important;
    min-width: 190px;
    width: auto;
    letter-spacing: 0.015rem;
    box-shadow: 0 2px 8px 0 rgba(0, 25, 40, 0.04), 0 4px 24px 0 rgba(0, 25, 40, 0.1);
    padding: 1em 1.5em; }
    @media screen and (max-width: 45.9375rem) {
      header .button__primary-ds, footer .button__primary-ds {
        min-width: 170px;
        width: auto; } }
  header .button--with-icon svg path, footer .button--with-icon svg path {
    fill: #0075be; }
    header .button--with-icon svg path:hover, footer .button--with-icon svg path:hover {
      fill: #005587; }
  header .button--download-white svg path, footer .button--download-white svg path {
    fill: #ffffff; }
  header .button--mega-navigation, footer .button--mega-navigation {
    border: 0.0625rem solid #FEFEFE;
    color: #FEFEFE; }
    @media screen and (min-width: 46rem) {
      header .button--mega-navigation, footer .button--mega-navigation {
        padding-right: 1em;
        padding-left: 1em;
        background: none;
        border: none;
        color: #0075BE; } }
    header .button--mega-navigation:hover, header .button--mega-navigation:hover, header .button--mega-navigation.active, footer .button--mega-navigation:hover, footer .button--mega-navigation:hover, footer .button--mega-navigation.active {
      background-color: #FEFEFE;
      border-color: #FEFEFE;
      color: #0075BE; }
    @media screen and (min-width: 46rem) {
      header .button--mega-navigation.active, header .button--mega-navigation.active:hover, header .button--mega-navigation.active:focus, footer .button--mega-navigation.active, footer .button--mega-navigation.active:hover, footer .button--mega-navigation.active:focus {
        background-color: #0075BE;
        color: #FEFEFE;
        text-decoration: none; } }
    @media screen and (min-width: 46rem) {
      header .button--mega-navigation:hover, header .button--mega-navigation:focus, footer .button--mega-navigation:hover, footer .button--mega-navigation:focus {
        background-color: initial;
        color: #0075BE;
        text-decoration: underline; } }
  header .button--no-transform-text, footer .button--no-transform-text {
    text-transform: initial; }
  header .button--secondary-alt, footer .button--secondary-alt {
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 5em !important;
    min-width: 190px;
    width: auto;
    letter-spacing: .015rem;
    padding: 1em 1.5em !important;
    display: inline-flex; }
  header .button--design, footer .button--design {
    background: #d9dce1;
    height: 56px;
    border-radius: 28px;
    border: 2px solid #d9dce1;
    padding-left: 32px;
    font-weight: 700;
    padding-right: 32px;
    font-size: 14px;
    box-sizing: border-box;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    line-height: 52px;
    text-align: center;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    overflow: hidden;
    text-decoration: none; }
    header .button--design__primary, footer .button--design__primary {
      background: #0075be;
      border: 2px solid #0075be;
      color: #ffffff !important;
      display: inline-block; }
      header .button--design__primary:hover, footer .button--design__primary:hover {
        background: #005587;
        border: 2px solid #005587;
        box-sizing: border-box; }
      header .button--design__primary:focus, footer .button--design__primary:focus {
        border: 2px solid #73c3eb;
        box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.35); }
    header .button--design__secondary, footer .button--design__secondary {
      background: rgba(255, 255, 255, 0);
      border: 2px solid #0075be;
      color: #0075be; }
      header .button--design__secondary:hover, footer .button--design__secondary:hover {
        background: rgba(255, 255, 255, 0);
        border: 2px solid #005587;
        color: #005587;
        text-decoration: none; }
        header .button--design__secondary:hover svg path, footer .button--design__secondary:hover svg path {
          fill: #005587; }
      header .button--design__secondary:focus, footer .button--design__secondary:focus {
        border: 2px solid #73C3EB;
        box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.35);
        text-decoration: none; }
      header .button--design__secondary svg path, footer .button--design__secondary svg path {
        fill: #0075be; }
    header .button--design__loans, footer .button--design__loans {
      min-width: 250px; }
  header .button.plain-anchor, footer .button.plain-anchor {
    text-transform: unset;
    background: transparent;
    border: none;
    padding: 0;
    font-weight: normal;
    font-size: inherit;
    color: #0075BE;
    cursor: pointer;
    line-height: inherit; }
    header .button.plain-anchor:hover, footer .button.plain-anchor:hover {
      text-decoration: underline; }

.button-link-footer {
  color: #FEFEFE;
  font-weight: 700; }

.button-link-footer:hover, .button-link-footer:focus, .button-link-footer.active {
  color: #FEFEFE;
  text-decoration: underline; }

.tv-button {
  border: none;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.01562rem;
  transition: 300ms ease background-color, 300ms ease color, 300ms ease border-color;
  padding: 1rem 2rem .9rem;
  border-radius: 2rem !important;
  background-color: #0075BE;
  color: #FEFEFE; }
  .tv-button:hover {
    background-color: #005587; }
  .tv-button:active {
    background-color: #005587; }
  .tv-button:focus {
    background-color: #005587; }
  .tv-button:disabled {
    background-color: #929ba9; }
  .tv-button:hover {
    color: #FEFEFE; }
  .tv-button:hover {
    text-decoration: none; }
  .tv-button--small {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.01562rem;
    transition: 300ms ease background-color, 300ms ease color, 300ms ease border-color;
    padding: 1rem 2rem .9rem;
    border-radius: 2rem !important;
    background-color: #0075BE;
    color: #FEFEFE; }
    .tv-button--small:hover {
      background-color: #005587; }
    .tv-button--small:active {
      background-color: #005587; }
    .tv-button--small:focus {
      background-color: #005587; }
    .tv-button--small:disabled {
      background-color: #929ba9; }
    .tv-button--small:hover {
      color: #FEFEFE; }
  .tv-button--primary {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.01562rem;
    transition: 300ms ease background-color, 300ms ease color, 300ms ease border-color;
    padding: 1rem 2rem .9rem;
    border-radius: 2rem !important;
    background-color: #0075BE;
    color: #FEFEFE;
    background-color: #c81414;
    text-decoration: none;
    color: #FEFEFE; }
    .tv-button--primary:hover {
      background-color: #005587; }
    .tv-button--primary:active {
      background-color: #005587; }
    .tv-button--primary:focus {
      background-color: #005587; }
    .tv-button--primary:disabled {
      background-color: #929ba9; }
    .tv-button--primary:hover {
      color: #FEFEFE; }
    .tv-button--primary:hover {
      background-color: #820e0e;
      text-decoration: none;
      color: #FEFEFE; }
  .tv-button--secondary {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.01562rem;
    transition: 300ms ease background-color, 300ms ease color, 300ms ease border-color;
    padding: 1rem 2rem .9rem;
    border-radius: 2rem !important;
    color: #0075BE;
    border: 0.125em solid #0075BE;
    background: transparent; }
    .tv-button--secondary:hover {
      color: #005587;
      background: transparent;
      border: 0.125em solid #005587; }
    .tv-button--secondary:active {
      color: #005587;
      background: transparent;
      border: 0.125em solid #005587; }
    .tv-button--secondary:focus {
      color: #005587;
      background: transparent;
      border: 0.125em solid #005587; }
    .tv-button--secondary:disabled {
      color: #929ba9;
      border: 0.125em solid #929ba9; }
  .tv-button--tertiary {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.01562rem;
    transition: 300ms ease background-color, 300ms ease color, 300ms ease border-color;
    color: #005587;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    transition: all 300ms ease 0s; }
    .tv-button--tertiary::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 0.125em;
      bottom: -0.25em;
      left: 0;
      background-color: #001928;
      transform: scaleX(0);
      transition: all 300ms ease 0s; }
    .tv-button--tertiary:hover::before {
      transform: scaleX(1); }
    .tv-button--tertiary:hover {
      color: #001928; }
    .tv-button--tertiary:active {
      color: #001928; }
    .tv-button--tertiary:focus {
      color: #001928; }
  .tv-button--flat {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.01562rem;
    transition: 300ms ease background-color, 300ms ease color, 300ms ease border-color;
    color: #005587;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    transition: all 300ms ease 0s;
    padding: 0;
    background: none;
    border: none;
    max-width: none; }
    .tv-button--flat::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 0.125em;
      bottom: -0.25em;
      left: 0;
      background-color: #001928;
      transform: scaleX(0);
      transition: all 300ms ease 0s; }
    .tv-button--flat:hover::before {
      transform: scaleX(1); }
    .tv-button--flat:hover {
      color: #001928; }
    .tv-button--flat:active {
      color: #001928; }
    .tv-button--flat:focus {
      color: #001928; }
    .tv-button--flat:hover {
      background: none; }

.button-link {
  color: #0075BE; }
  .button-link:hover, .button-link:focus {
    color: #005587;
    text-decoration: underline; }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

.bold {
  font-weight: 700; }

/* Classes below will need to be exposed globally in a different file */
.size-h1 {
  font-size: 1.875rem; }

.size-h2 {
  font-size: 1.62469rem; }

.size-h3 {
  font-size: 1.37437rem; }

.size-h4 {
  font-size: 1.125rem; }

.size-h5,
.size-h6 {
  font-size: .99938rem; }

.heading-em {
  margin-top: 1em; }
  .heading-em::after {
    content: "";
    background: #c81414;
    height: 0.1em;
    width: 3em;
    display: block;
    margin: 0.25em auto 0.5em; }
  .heading-em--large {
    margin-top: 1em; }
    .heading-em--large::after {
      content: "";
      background: #c81414;
      height: 0.15em;
      width: 4em;
      display: block;
      margin: 0.25em auto 0.5em; }
    @media screen and (min-width: 46rem) {
      .heading-em--large {
        margin-top: 0; } }
    .heading-em--large::after {
      margin-top: 1rem; }
      @media screen and (min-width: 46rem) {
        .heading-em--large::after {
          margin-top: 0; } }
  .heading-em--full-width {
    margin-top: 1em; }
    .heading-em--full-width::after {
      content: "";
      background: #c81414;
      height: 0.1em;
      width: 100%;
      display: block;
      margin: 0.25em auto 0.5em; }
  @media screen and (min-width: 46rem) {
    .heading-em--left::after {
      margin: 1em 0 1em; } }
  .heading-em--flush {
    margin-top: 1em; }
    .heading-em--flush::after {
      content: "";
      background: #c81414;
      height: 0.1em;
      width: 3em;
      display: block;
      margin: 0.25em auto 0; }
  .heading-em--radius-blue {
    margin-top: 1em; }
    .heading-em--radius-blue::after {
      content: "";
      background: #c81414;
      height: 4px;
      width: 64px;
      display: block;
      margin: 0.25em auto 0.5em; }
    .heading-em--radius-blue::after {
      background: #009EC9;
      border-radius: 4px; }

.business-compare .heading-em--full-width::after {
  margin-top: 0.5em;
  margin-bottom: 1em; }


/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

.footer-accordion {
  /**
        * Put fix for foundation where the accordion title is set to rem-calc(12).
        * This is temporary sicne there is already a fix for it in place.
        */
  /**
        * In the default accordion there are only borders in between accordion items.
        */ }
  .footer-accordion__heading {
    padding-left: 0.5em;
    border-bottom: 0.0625rem solid #929ba9;
    padding-bottom: 0.5em; }
  .footer-accordion-title {
    font-size: 1rem;
    padding-right: 3em !important;
    width: 100%;
    text-align: left; }
    .footer-accordion-title:hover, .footer-accordion-title:focus {
      background: none; }
    .footer-accordion-title.a11y-plus-icon::before {
      content: "";
      display: inline-block;
      width: 32px;
      height: 32px;
      background: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0), #0075be;
      background-position: center;
      background-size: 25% 2px, 2px 25%;
      background-repeat: no-repeat; }
  .footer-accordion__item {
    border-top: 0.0625rem solid #929ba9; }
    .footer-accordion__item:first-child {
      border-top: none; }
    @media screen and (min-width: 46rem) {
      .footer-accordion__item--mobile {
        border-top: none; } }
    @media screen and (min-width: 46rem) {
      .footer-accordion__item--mobile-info-block-wrapper {
        margin-top: 1.5em;
        margin-bottom: 1.5em; } }
    .footer-accordion__item--light-grey {
      border-top: .0625rem solid #d9dce1; }
      .footer-accordion__item--light-grey:first-child {
        border-top: none; }
  .footer-accordion__title.weight-light {
    font-weight: lighter; }
  .footer-accordion__title {
    font-weight: bold;
    /**
            * 1. The accordion pseudo is essentially an icon so should inherit the icon size.
            * 2. Remove foundation margin-top: -1.5rem.
            *     Foundation uses for centering, see #3 for better solution, no magic numbers.
            * 3. Make the pseudo round.
            * 4. Align the Pseudo element in the center of the parent (top/bottom).
            * 5. Align the pseudo symbol in the center.
            */
    /**
            * The chevron variation of the accordion uses chevrons instead of `+`'s.
            *
            * 1. Display Flex and align the chevron to the copy correctly.
            */
    /**
            * The mobile only accordion is only an accordion on mobile screens.
            */ }
    .footer-accordion__title--grey {
      background-color: #d9dce1; }
    .footer-accordion__title--blue {
      padding: unset;
      color: #0075BE !important;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.25px;
      line-height: 24px;
      text-align: center; }
      .footer-accordion__title--blue::before {
        margin-top: 0;
        display: flex;
        width: .75em;
        height: .75em;
        text-align: center;
        transform: translateY(-50%);
        /* 4 */
        justify-content: center;
        /* 5 */
        align-items: center;
        /* 5 */
        background: #0075BE;
        border-radius: 50%;
        color: #FEFEFE; }
      .footer-accordion__title--blue:hover {
        text-decoration: none; }
    .footer-accordion__title--width {
      width: 650px; }
    .footer-accordion__title::before {
      /* 1 */
      margin-top: 0 !important;
      /* 2 */
      display: flex;
      /* 5 */
      width: 2em;
      /* 3 */
      height: 2em;
      /* 3 */
      text-align: center;
      transform: translateY(-50%);
      /* 4 */
      justify-content: center;
      /* 5 */
      align-items: center;
      /* 5 */
      background: #0075BE;
      border-radius: 50%;
      color: #FEFEFE; }
    @media reader, speech, aural {
      .footer-accordion__title::before {
        display: none;
        visibility: hidden; } }
    .footer-accordion__title--chevron {
      display: flex;
      /* 2 */
      justify-content: space-between;
      /* 2 */
      align-items: center;
      /* 2 */
      /**
                * 1. The chevron variation uses normal text color.
                */
      /**
                * 1. Hide foundations toggle.
                */
      /**
                * 1. Include the actual chevron icon.
                */
      /*.is-active > & {

                    &::after {
                        @include chevron(up, currentColor);
                    }
                }*/ }
      .footer-accordion__title--chevron div {
        margin-right: .5em;
        line-height: 1.4; }
      .footer-accordion__title--chevron--blue {
        display: flex;
        justify-content: center;
        align-items: center; }
        .footer-accordion__title--chevron--blue--left-align {
          justify-content: left;
          text-align: left; }
          .footer-accordion__title--chevron--blue--left-align::after {
            /**
   * Default transforms for the `down` position.
   */
            /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
            content: "";
            display: inline-block;
            width: 0.5em;
            height: 0.5em;
            border-left: 0.125rem solid currentColor;
            border-top: 0.125rem solid currentColor;
            transform-origin: 0 0;
            transform: rotate(225deg) translate(-80%, -100%);
            width: 0.75em;
            height: 0.75em;
            position: absolute;
            right: 1em;
            bottom: 45%;
            speak: none; }
          .footer-accordion__title--chevron--blue--left-align::before {
            display: none; }
        .footer-accordion__title--chevron--blue--small::after {
          right: 10px !important; }
        .footer-accordion__title--chevron--blue::after {
          /**
   * Default transforms for the `down` position.
   */
          /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
          content: "";
          display: inline-block;
          width: 0.5em;
          height: 0.5em;
          border-left: 0.125rem solid currentColor;
          border-top: 0.125rem solid currentColor;
          transform-origin: 0 0;
          transform: rotate(225deg) translate(-80%, -100%);
          width: 0.75em;
          height: 0.75em;
          position: absolute;
          right: 6em;
          /* to match design */
          bottom: 45%;
          speak: none; }
          @media screen and (min-width: 63.9375rem) {
            .footer-accordion__title--chevron--blue::after {
              right: 14em;
              /* to match design */ } }
        .footer-accordion__title--chevron--blue::before {
          display: none;
          /* 1 */ }
      .footer-accordion__title--chevron--small-blue {
        display: flex;
        justify-content: center;
        align-items: center; }
        .footer-accordion__title--chevron--small-blue--left-align {
          justify-content: left;
          text-align: left; }
          .footer-accordion__title--chevron--small-blue--left-align::after {
            /**
   * Default transforms for the `down` position.
   */
            /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
            content: "";
            display: inline-block;
            width: 0.5em;
            height: 0.5em;
            border-left: 0.125rem solid currentColor;
            border-top: 0.125rem solid currentColor;
            transform-origin: 0 0;
            transform: rotate(225deg) translate(-80%, -100%);
            width: 0.6em;
            height: 0.6em;
            position: absolute;
            right: 0;
            bottom: 45%; }
          .footer-accordion__title--chevron--small-blue--left-align::before {
            display: none; }
        .footer-accordion__title--chevron--small-blue--small::after {
          right: 10px !important; }
        .footer-accordion__title--chevron--small-blue::after {
          /**
   * Default transforms for the `down` position.
   */
          /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
          content: "";
          display: inline-block;
          width: 0.5em;
          height: 0.5em;
          border-left: 0.125rem solid currentColor;
          border-top: 0.125rem solid currentColor;
          transform-origin: 0 0;
          transform: rotate(225deg) translate(-80%, -100%);
          width: 0.6em;
          height: 0.6em;
          position: absolute;
          right: 0;
          /* to match design */
          bottom: 45%; }
          @media screen and (min-width: 63.9375rem) {
            .footer-accordion__title--chevron--small-blue::after {
              right: 14em;
              /* to match design */ } }
        .footer-accordion__title--chevron--small-blue::before {
          display: none;
          /* 1 */ }
      .footer-accordion__title--chevron, .footer-accordion__title--chevron:hover, .footer-accordion__title--chevron:focus {
        color: #001928 !important;
        /* 1 */
        text-decoration: none; }
      .footer-accordion__title--chevron::before {
        display: none;
        /* 1 */ }
      .footer-accordion__title--chevron::after {
        /**
   * Default transforms for the `down` position.
   */
        /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
        content: "";
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        border-left: 0.125rem solid currentColor;
        border-top: 0.125rem solid currentColor;
        transform-origin: 0 0;
        transform: rotate(225deg) translate(-80%, -100%);
        position: absolute;
        right: 1em;
        bottom: 50%; }
      .footer-accordion__title--chevron--grey {
        /*.is-active > & {
                        &::after {
                            @include chevron(up, $color-grey--light, $chevron-size);
                        }
                    }*/ }
        .footer-accordion__title--chevron--grey::after {
          /**
   * Default transforms for the `down` position.
   */
          /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
          content: "";
          display: inline-block;
          width: 0.75em;
          height: 0.75em;
          border-left: 0.125rem solid #d9dce1;
          border-top: 0.125rem solid #d9dce1;
          transform-origin: 0 0;
          transform: rotate(225deg) translate(-80%, -100%); }
    @media screen and (min-width: 46rem) {
      .footer-accordion__title--mobile {
        pointer-events: none; }
        .footer-accordion__title--mobile, .footer-accordion__title--mobile:hover, .footer-accordion__title--mobile:focus {
          color: #001928; } }
    @media screen and (min-width: 46rem) {
      .is-active .footer-accordion__title--mobile::after, .footer-accordion__title--mobile::after, .is-active .footer-accordion__title--mobile::before, .footer-accordion__title--mobile::before {
        display: none; } }
    @media screen and (min-width: 46rem) {
      .footer-accordion__title--mobile-info-block-heading {
        text-align: center;
        display: block; } }
  .footer-accordion .footer-accordion__item.is-active .footer-accordion__title--chevron::after {
    /**
   * Default transforms for the `down` position.
   */
    /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
    content: "";
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border-left: 0.125rem solid currentColor;
    border-top: 0.125rem solid currentColor;
    transform-origin: 0 0;
    transform: rotate(45deg) translate(0, 20%); }
  .footer-accordion .footer-accordion__item.is-active .footer-accordion__title--chevron--grey::after {
    /**
   * Default transforms for the `down` position.
   */
    /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
    content: "";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    border-left: 0.125rem solid #d9dce1;
    border-top: 0.125rem solid #d9dce1;
    transform-origin: 0 0;
    transform: rotate(45deg) translate(0, 20%); }
  .footer-accordion .footer-accordion__item.is-active .footer-accordion__title--chevron--blue--left-align::after {
    /**
   * Default transforms for the `down` position.
   */
    /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
    content: "";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    border-left: 0.125rem solid #0075BE;
    border-top: 0.125rem solid #0075BE;
    transform-origin: 0 0;
    transform: rotate(45deg) translate(0, 20%); }
  .footer-accordion .footer-accordion__item.is-active .footer-accordion__title--chevron--blue::after {
    /**
   * Default transforms for the `down` position.
   */
    /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
    content: "";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    border-left: 0.125rem solid #0075BE;
    border-top: 0.125rem solid #0075BE;
    transform-origin: 0 0;
    transform: rotate(45deg) translate(0, 20%); }
  .footer-accordion .footer-accordion__item.is-active .footer-accordion__title--chevron--small-blue--left-align::after {
    /**
   * Default transforms for the `down` position.
   */
    /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-left: 0.125rem solid #0075BE;
    border-top: 0.125rem solid #0075BE;
    transform-origin: 0 0;
    transform: rotate(45deg) translate(0, 20%); }
  .footer-accordion .footer-accordion__item.is-active .footer-accordion__title--chevron--small-blue::after {
    /**
   * Default transforms for the `down` position.
   */
    /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-left: 0.125rem solid #0075BE;
    border-top: 0.125rem solid #0075BE;
    transform-origin: 0 0;
    transform: rotate(45deg) translate(0, 20%); }
  .footer-accordion .footer-accordion__item.is-active .footer-accordion-title.a11y-minus-icon::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0), #0075be;
    background-position: center;
    background-size: 25% 2px, 2px 0%;
    background-repeat: no-repeat; }
  .footer-accordion__content {
    /**
            * Show the mobile only accordion content on medium and up screens.
            */ }
    .footer-accordion__content--display {
      display: block; }
    .footer-accordion__content--hidden {
      display: none; }
    .footer-accordion__content--terms {
      font-size: 12px;
      font-weight: 300;
      letter-spacing: 0.36px;
      line-height: 18px; }
    @media screen and (min-width: 46rem) {
      .footer-accordion__content--mobile {
        display: block; } }
    @media screen and (min-width: 46rem) {
      .footer-accordion__content--mobile-info-block-content {
        margin-top: 1.5em;
        margin-bottom: 1.5em; } }

.footer-accordion_mortgage, .footer-accordion_mortgage:hover, .footer-accordion_mortgage:focus {
  background-color: #0079c1;
  text-decoration: none;
  color: white !important;
  text-align: center !important;
  display: block; }
  .footer-accordion_mortgage__content, .footer-accordion_mortgage:hover__content, .footer-accordion_mortgage:focus__content {
    width: 100%; }
  .footer-accordion_mortgage:focus, .footer-accordion_mortgage:hover:focus, .footer-accordion_mortgage:focus:focus {
    outline: none;
    box-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587; }

.footer-accordion-blue-bar, .footer-accordion-blue-bar:hover, .footer-accordion-blue-bar:focus {
  background-color: #0079c1;
  text-decoration: none;
  color: white !important;
  text-align: left;
  display: block;
  border-top: .0625rem solid #d9dce1; }
  @media screen and (min-width: 46rem) {
    .footer-accordion-blue-bar, .footer-accordion-blue-bar:hover, .footer-accordion-blue-bar:focus {
      display: none !important; } }
  .footer-accordion-blue-bar__content, .footer-accordion-blue-bar:hover__content, .footer-accordion-blue-bar:focus__content {
    width: 100%; }
  .footer-accordion-blue-bar:first-child, .footer-accordion-blue-bar:hover:first-child, .footer-accordion-blue-bar:focus:first-child {
    border-top: none; }

.footer-accordion-blue-item-font-size-medium {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px; }

.footer-accordion-blue-bar-legal-item {
  background-color: #005587 !important; }

.footer-accordion-blue-bar-legal, .footer-accordion-blue-bar-legal:hover, .footer-accordion-blue-bar-legal:focus {
  background-color: #005587 !important;
  text-decoration: none;
  color: white !important;
  text-align: left;
  display: block;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .footer-accordion-blue-bar-legal__content, .footer-accordion-blue-bar-legal:hover__content, .footer-accordion-blue-bar-legal:focus__content {
    width: 100%; }

.footer-accordion-item.footer-accordion__item .footer-accordion-item.footer-accordion__item > .footer-accordion__title--blue::after {
  /**
   * Default transforms for the `down` position.
   */
  /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-left: 0.125rem solid currentColor;
  border-top: 0.125rem solid currentColor;
  transform-origin: 0 0;
  transform: rotate(225deg) translate(-80%, -100%); }

.footer-accordion-item.footer-accordion__item .footer-accordion-item.footer-accordion__item.is-active > .footer-accordion__title--blue::after {
  /**
   * Default transforms for the `down` position.
   */
  /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-left: 0.125rem solid currentColor;
  border-top: 0.125rem solid currentColor;
  transform-origin: 0 0;
  transform: rotate(45deg) translate(0, 20%); }

.footer-accordion--white-chevron path {
  fill: #FFF; }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

.link--chevron {
  display: flex;
  align-items: center; }

.link--white-chevron svg path {
  fill: #FEFEFE; }

.link--rich {
  text-align: center;
  line-height: 1;
  cursor: pointer;
  background-color: #0075BE;
  padding: 0.5em 1em;
  color: #FEFEFE; }
  .link--rich:hover, .link--rich:focus, .link--rich.active {
    text-decoration: none;
    color: #FEFEFE; }

.link__link-position {
  position: relative;
  padding-left: 0.5em; }
  .link__link-position:hover {
    border-bottom: 0.0625rem solid;
    text-decoration: none; }
  .link__link-position::after {
    position: absolute;
    left: 0;
    top: 0.375em; }

.link__padding-btm {
  margin-top: 1.5em;
  margin-bottom: 0.0625rem; }
  @media screen and (min-width: 63.9375rem) {
    .link__padding-btm {
      margin-top: 0; } }
  .link__padding-btm:hover {
    margin-bottom: 0; }

@media screen and (min-width: 46rem) {
  .link--tel {
    color: inherit; } }

.link__no-decoration:hover {
  color: #001928;
  text-decoration: none; }

.link__no-decoration:focus {
  color: #001928;
  text-decoration: none; }

.link--white {
  color: #FEFEFE; }
  .link--white:hover, .link--white:focus, .link--white:active, .link--white.active {
    color: #FEFEFE; }

.link--with-chevron:hover svg g g path {
  fill: #005587; }

.link--with-chevron:hover svg path {
  fill: #005587; }

.link-pill {
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.25px;
  line-height: 16px;
  text-align: center; }
  .link-pill__selected {
    background-color: #0075BE;
    color: #FFFFFF; }
    .link-pill__selected:hover {
      text-decoration: none; }
    .link-pill__selected:focus {
      text-decoration: none;
      border: 2px solid #72C3EB;
      box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.35); }
  .link-pill__selected-with-border {
    border: 2px solid #0075BE;
    background-color: #0075BE;
    color: #FFFFFF; }
    .link-pill__selected-with-border span svg g g {
      fill: #FFFFFF; }
    .link-pill__selected-with-border:hover {
      color: #FFFFFF;
      text-decoration: none; }
    .link-pill__selected-with-border:focus {
      color: #FFFFFF;
      text-decoration: none;
      border: 2px solid #72C3EB;
      box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.35); }
  .link-pill__default {
    border: 2px solid #8890A0;
    color: #0075BE; }
    .link-pill__default:hover {
      border: 2px solid #0075BE;
      text-decoration: none;
      background-color: #0075BE;
      color: #FFFFFF; }
      .link-pill__default:hover span svg g g {
        fill: #FFFFFF; }
    .link-pill__default:focus {
      text-decoration: none;
      border: 2px solid #72C3EB;
      box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.35); }
  .link-pill__icon {
    position: absolute;
    bottom: -2px;
    right: 4px; }


@charset "UTF-8";
/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

.list--spacing-large li {
  padding: 0.5em 0; }

.list--terms li {
  margin: 1em; }

@media screen and (min-width: 63.9375rem) {
  .list--columns {
    column-count: 2;
    column-gap: 3em; } }

.list--center-small {
  justify-content: center; }
  @media screen and (min-width: 46rem) {
    .list--center-small {
      justify-content: flex-start; } }

.list-dash-bullet {
  list-style: none; }
  .list-dash-bullet li::before {
    content: "\2013";
    position: absolute;
    margin-left: -1em; }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * Megamenu Settings
 * namespace: $megamenu-
 * scope: @global.
 */
/* Max width */
/**
 * Root level link
 * These are used for th eroot level links.
 * There are declarations in the _primary.scss file AND
 *   _sign-in.scss file.
 * The font is a random number because they said match it with production
 *  ignore standards.
 */
/* Signin menu color */
/* Secondary header toggle */
/* Secondary header color */
/**
 * Base padding-left.
 * This is used on most elements for padding left for alignment.
 */
.primary-header__root-link {
  /**
     * Primary heading is smaller on tablet.
     * 1. Since the primary header is blue on medium up,
     * the root links must be white.
     */ }
  @media screen and (min-width: 46rem) {
    .primary-header__root-link {
      font-weight: 700 !important;
      /**
       * For large screens space out the links.
       * Theres not enough space on medium so leave as is for those.
       */ }
      .primary-header__root-link, .primary-header__root-link:hover, .primary-header__root-link:focus {
        color: #FEFEFE; }
      .primary-header__root-link--spaced {
        margin-left: 1em; } }
    @media screen and (min-width: 46rem) and (min-width: 46rem) and (max-width: 63.875rem) {
      .primary-header__root-link--spaced {
        margin-left: 0.4em; } }

/**
 * The choose site section is medium up only.
 * 1. The choose site section if on the left, the rest goes to the right.
 */
.choose-site {
  background-color: #FEFEFE;
  /**
   * The heading is used as a toggle for tablet.
   */
  /**
   * The choose site main navigation wrapper.
   */
  /**
   * The choose site toggle.
   */
  /**
   * The sites wrapping list.
   */
  /**
   * The individual site items.
   */
  /**
   * The actual links.
   */ }
  @media screen and (max-width: 45.9375rem) {
    .choose-site {
      display: none; } }
  @media screen and (min-width: 63.9375rem) {
    .choose-site {
      margin-right: auto;
      /* 1 */
      background: none; } }
  @media screen and (min-width: 63.9375rem) {
    .choose-site__heading {
      display: none; } }
  .choose-site__nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background-color: #FEFEFE;
    z-index: 1;
    /**
     * Only hide the actual site choose nav on medium.
     */ }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .choose-site__nav:not([class*="is-open"]) {
        display: none; } }
    @media screen and (min-width: 63.9375rem) {
      .choose-site__nav {
        position: static;
        background: none; } }
  .choose-site__toggle {
    padding-right: 1em;
    padding-left: 1em; }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .choose-site__toggle {
        padding-right: 0.5em;
        padding-left: 0.5em;
        color: #0075BE !important; } }
    .choose-site__toggle, .choose-site__toggle:hover, .choose-site__toggle:focus {
      color: #0075BE; }
  .choose-site__sites {
    display: flex; }
    @media screen and (min-width: 46rem) {
      .choose-site__sites {
        padding-top: 1em;
        padding-bottom: 1em; } }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .choose-site__sites .choose-site__link, .choose-site__sites .choose-site__link:hover, .choose-site__sites .choose-site__link:focus {
        font-weight: 400;
        color: #0075BE;
        background-color: #FEFEFE; }
      .choose-site__sites .choose-site__link .choose-site__icon {
        display: flex; } }
    @media screen and (min-width: 63.9375rem) {
      .choose-site__sites {
        padding-top: 0;
        padding-bottom: 0; } }
  .choose-site__site {
    text-align: center; }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .choose-site__site {
        flex: 1; } }
  .choose-site__link {
    color: #FEFEFE;
    padding: 1.25em 1em;
    font-weight: 700;
    font-size: .8125rem;
    /**
   * shows full focus ring on all sides when focused
   */
    /**
     * Remove the underline.
     */
    /**
     * Overwrite root-link styles just for tablet.
     */
    /**
     * On large screens the choose site links are always showing.
     * 1. Standards arent a thing anymore they said make it look like production.
     *    This makes it look like production.
     */ }
    .choose-site__link:focus {
      z-index: 1; }
    @media screen and (min-width: 46rem) {
      .choose-site__link, .choose-site__link:hover, .choose-site__link:focus {
        text-decoration: none; } }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .choose-site__link {
        font-weight: 400; }
        .choose-site__link, .choose-site__link:hover, .choose-site__link:focus {
          color: #0075BE;
          background-color: #FEFEFE; } }
    @media screen and (min-width: 63.9375rem) {
      .choose-site__link {
        /* 1 */
        display: block;
        padding-right: 1em !important;
        padding-left: 1em !important;
        border-right: 0.0625rem solid #73c3eb; }
        .choose-site__link[class*="is-current"], .choose-site__link:hover[class*="is-current"], .choose-site__link:focus[class*="is-current"] {
          color: #0075BE;
          background-color: #FEFEFE !important; }
        .choose-site__link:hover, .choose-site__link:active {
          background-color: #005587 !important; } }
  @media screen and (min-width: 46rem) {
    .choose-site__icon {
      margin-right: auto;
      margin-bottom: 1em;
      margin-left: auto;
      display: flex;
      /* Specificity booster */ }
      .choose-site__icon.choose-site__icon {
        display: flex; } }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

.image-overlay {
  position: relative;
  display: inline-flex;
  align-items: center; }
  .image-overlay__content {
    position: absolute;
    max-width: 100%;
    padding: 1em;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }
    .image-overlay__content--right-fifty {
      position: absolute;
      max-width: 50%;
      padding: 1em;
      right: 0; }
    .image-overlay__content--left-fifty {
      position: absolute;
      max-width: 50%;
      padding: 1em;
      left: 0; }

.static-banner {
  display: flex;
  justify-content: center;
  position: relative; }
  .static-banner__left {
    position: absolute;
    top: 0.1rem;
    left: 0.4rem; }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .static-banner__left {
        top: 1.365rem;
        left: 1rem; } }
    @media screen and (min-width: 63.9375rem) {
      .static-banner__left {
        top: 1.365rem;
        left: 3rem; } }
  .static-banner__center {
    position: absolute;
    top: 4rem; }
    @media screen and (min-width: 63.9375rem) {
      .static-banner__center {
        top: 4.365rem;
        left: 17rem; } }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .static-banner__center {
        left: 0.3rem; } }

.card-summary-cta__special-ribbon {
  position: relative; }
  .card-summary-cta__special-ribbon .special-ribbon {
    right: 50%;
    top: 70%;
    transform: translate(-15%); }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .card-summary-cta__special-ribbon .special-ribbon {
        right: 5%;
        top: 40%; } }
  @media screen and (min-width: 63.9375rem) {
    .card-summary-cta__special-ribbon .card-summary-cta__ribbon-image {
      max-width: none; } }

.full-width-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * Megamenu Settings
 * namespace: $megamenu-
 * scope: @global.
 */
/* Max width */
/**
 * Root level link
 * These are used for th eroot level links.
 * There are declarations in the _primary.scss file AND
 *   _sign-in.scss file.
 * The font is a random number because they said match it with production
 *  ignore standards.
 */
/* Signin menu color */
/* Secondary header toggle */
/* Secondary header color */
/**
 * Base padding-left.
 * This is used on most elements for padding left for alignment.
 */
/**
* The language toggle section in the primary navigation.
*/
.language-toggle {
  padding: 1em 2em;
  border-top: 0.125rem solid #FEFEFE;
  /**
    * The language toggle heading.
    */
  /**
    * 1. Wrap the country sections as the screen gets smaller.
    */
  /**
    * The country list item.
    */
  /* TODO: add is-active inside button */
  /**
    * Default button layout in mobile is stacking. However we need to present a row style (2 button per row).
    */
  /**
    * The actual toggle links.
    */
  /**
    * The country flags
    */ }
  @media screen and (min-width: 46rem) {
    .language-toggle {
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      background-color: #f5f6f7;
      border: none;
      z-index: 1;
      /**
        * Hide unopened language toggles.
        */ }
      .is-open > .language-toggle {
        display: block;
        z-index: 10; } }
  @media screen and (min-width: 46rem) {
    .language-toggle__wrapper {
      display: flex;
      margin-left: auto;
      margin-right: auto;
      max-width: 75rem; } }
  .language-toggle__nav {
    margin-left: auto; }
    .language-toggle__nav.region {
      border-left: 1px solid #e6e6e6; }
  .language-toggle__heading {
    color: #FEFEFE;
    font-weight: 300;
    /**
        * The region headings:
        *   US
        *   Canada
        *   China
        */ }
    @media screen and (min-width: 46rem) {
      .language-toggle__heading {
        margin-right: 0.5em;
        color: #001928; } }
    @media screen and (max-width: 45.9375rem) {
      .language-toggle__heading {
        line-height: 1em; } }
    .language-toggle__heading--region {
      font-weight: 700; }
  .language-toggle__countries {
    font-weight: 700; }
    @media screen and (min-width: 46rem) {
      .language-toggle__countries {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        /* 1 */ } }
  .language-toggle__country {
    margin-bottom: 1em; }
    .language-toggle__country:first-child {
      margin-top: 1em; }
    @media screen and (min-width: 46rem) {
      .language-toggle__country {
        display: flex;
        margin-bottom: 0;
        align-items: baseline;
        margin-left: 1em; }
        .language-toggle__country:first-child {
          margin-top: 0; } }
  .language-toggle__region-image {
    margin-right: 1em; }
  .language-toggle__languages {
    display: flex;
    margin-top: 1em; }
    @media screen and (max-width: 45.9375rem) {
      .language-toggle__languages {
        flex-wrap: wrap; } }
    @media screen and (min-width: 46rem) {
      .language-toggle__languages {
        margin-top: 0; } }
  .language-toggle__button {
    display: flex;
    align-items: center;
    padding: 0 1em;
    border-radius: 5em;
    text-align: center;
    transition: background-color .3s ease,color .3s ease,border-color .3s ease;
    max-width: 90vw; }
    @media screen and (max-width: 45.9375rem) {
      .language-toggle__button {
        padding: 0;
        text-align: left;
        width: 100%; }
        .language-toggle__button a {
          display: inline-block;
          background-color: #0075BE;
          color: #fff;
          padding: .6em 2em;
          border: .0625rem solid #fff;
          border-radius: 5em; } }
    .language-toggle__button .lang-toggle-alt-style--button {
      padding: .6em 2em;
      border: .0625rem solid #0075BE;
      border-radius: 5em; }
    .language-toggle__button .lang-toggle-alt-style--button-rev {
      padding: .6em 2em;
      border: .0625rem solid #fff;
      border-radius: 5em; }
  .language-toggle__button_active {
    display: inline-block;
    padding: .6em 1em;
    border-radius: 5em;
    text-align: center;
    transition: background-color .3s ease,color .3s ease,border-color .3s ease;
    max-width: 90vw;
    border: 0.125rem solid #0075BE;
    background: #0075BE;
    color: #fff; }
    .language-toggle__button_active a {
      color: #fff; }
    .language-toggle__button_active a:hover {
      text-decoration: underline !important;
      color: #fff; }
    @media screen and (max-width: 45.9375rem) {
      .language-toggle__button_active {
        padding: 0;
        text-align: left;
        width: 100%;
        border: none; }
        .language-toggle__button_active a {
          display: inline-block;
          background-color: #fff;
          color: #0075BE;
          padding: .6em 2em;
          border: .0625rem solid #fff;
          border-radius: 5em; } }
    @media screen and (min-width: 46rem) {
      .language-toggle__button_active a:focus {
        color: #fff; } }
  @media screen and (max-width: 45.9375rem) {
    .language-toggle__language {
      margin-bottom: 0.5em; } }
  .language-toggle__no-stack .language-toggle__country ul > li {
    width: 50%; }
  .language-toggle__link {
    margin-right: 1em; }
    @media screen and (min-width: 46rem) {
      .language-toggle__link {
        margin-right: 0; } }
  .language-toggle__wealth-list-style {
    padding: 2px 2px 2px 7px; }
  .language-toggle__wealth-active {
    background: white;
    font-weight: 600; }
  .language-toggle__flag {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-left: -24px !important;
    margin-top: -5px !important;
    padding-left: 30px; }
  .language-toggle__flag-none {
    vertical-align: middle;
    margin-left: -24px !important;
    margin-top: -5px !important;
    padding-left: 30px; }
  .language-toggle__flag-ca {
    background: url(https://www.bmo.com/resources/icons/countries.png);
    background-position: 0 -48px;
    background-repeat: no-repeat; }
  .language-toggle__flag-us {
    background: url(https://www.bmo.com/resources/icons/countries.png);
    background-position: 0 -144px;
    background-repeat: no-repeat; }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * Megamenu Settings
 * namespace: $megamenu-
 * scope: @global.
 */
/* Max width */
/**
 * Root level link
 * These are used for th eroot level links.
 * There are declarations in the _primary.scss file AND
 *   _sign-in.scss file.
 * The font is a random number because they said match it with production
 *  ignore standards.
 */
/* Signin menu color */
/* Secondary header toggle */
/* Secondary header color */
/**
 * Base padding-left.
 * This is used on most elements for padding left for alignment.
 */
/**
 * 1. Take up the remaining space.
 */
.primary-header {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: initial;
  /* 1 */
  justify-content: center;
  /**
   * 1. Serve as anchor for medium screens.
   */
  /**
   * 1. Space it away from the toggle button if present.
   */
  /**
   * Wraps the primary header.
   */
  /**
   * Root level links in the primary header are what give the header the correct size.
   */ }
  @media print, screen and (max-width: 45.99875em) {
    .primary-header {
      margin-left: 5.5em;
      height: 5rem;
      margin-right: 0.4em; } }
  @media print, screen and (min-width: 46em) {
    .primary-header {
      position: relative;
      background-color: #0075BE; } }
  .secondary-header__toggle + .primary-header {
    margin-left: 0.5em;
    /* 1 */
    /**
     * The toggle is hidden in medium.
     */ }
    @media print, screen and (min-width: 46em) {
      .secondary-header__toggle + .primary-header {
        margin-left: 0; } }
  .primary-header__right {
    display: flex; }
  .primary-header__wrapper {
    display: flex;
    flex: 1;
    max-width: 75rem;
    align-items: center; }
    @media print, screen and (min-width: 46em) and (max-width: 63.93625em) {
      .primary-header__wrapper {
        justify-content: space-between; } }
    @media print, screen and (min-width: 63.9375em) {
      .primary-header__wrapper {
        flex: 1 1 75rem; } }
  .primary-header__root-link {
    position: relative !important;
    font-size: 0.8125rem !important;
    padding: 1.25em 1em;
    line-height: 13px !important;
    /**
     * Primary heading is smaller on tablet.
     * 1. Since the primary header is blue on medium up,
     * the root links must be white.
     */ }
    .primary-header__root-link, .primary-header__root-link:hover, .primary-header__root-link:focus {
      color: #001928; }
    @media print, screen and (min-width: 63.9375em) {
      .primary-header__root-link:focus {
        position: relative;
        outline: 1px solid #fff !important; } }
    .primary-header__root-link.no-border {
      border: none; }
    @media print, screen and (min-width: 46em) {
      .primary-header__root-link {
        padding: 1.25em 1em;
        font-weight: 700;
        /**
       * For large screens space out the links.
       * Theres not enough space on medium so leave as is for those.
       */ }
        .primary-header__root-link, .primary-header__root-link:hover, .primary-header__root-link:focus {
          color: #FEFEFE;
          /* 1 */ }
        .primary-header__root-link--spaced {
          margin-left: 1em;
          padding-left: 6.5px; } }
    @media print, screen and (min-width: 46em) and (min-width: 46em) and (max-width: 63.93625em) {
      .primary-header__root-link--spaced {
        margin-left: 0.4em; } }
    @media print, screen and (min-width: 46em) {
          .primary-header__root-link--spaced:focus {
            margin: 0.01px 0.01px 0.01px 1em; } }
      @media print, screen and (min-width: 46em) and (min-width: 46em) and (max-width: 63.93625em) {
        .primary-header__root-link--spaced:focus {
          margin: 0.01px 0.01px 0.01px 0.4em; } }
    @media print, screen and (min-width: 46em) and (max-width: 63.93625em) {
      .primary-header__root-link {
        padding-left: 0.5em !important;
        padding: 1.25em 0.5em; } }
  .primary-header__locator {
    display: flex;
    flex-direction: column; }
    @media print, screen and (min-width: 46em) {
      .primary-header__locator {
        display: inline-block; } }

@media print, screen and (min-width: 46em) and (min-width: 46em) {
  .primary-header__toggle_no_tri {
    position: relative;
    padding-right: 1em;
    /**
         * 1. Magical number but because of time constraints I dont have time to do the math.
         */ }
    .primary-header__toggle_no_tri--spaced {
      padding-right: 1.5em; }
    .primary-header__toggle_no_tri span {
      display: flex; }
    .primary-header__toggle_no_tri::after {
      /**
   * Default transforms for the `down` position.
   */
      /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
      content: "";
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      border-left: 0.125rem solid #FEFEFE;
      border-top: 0.125rem solid #FEFEFE;
      transform-origin: 0 0;
      transform: rotate(225deg) translate(-80%, -100%);
      position: absolute;
      top: 40%;
      /* 1 */
      right: 0; }
      .is-open .primary-header__toggle_no_tri::after {
        /**
   * Default transforms for the `down` position.
   */
        /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
        content: "";
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        border-left: 0.125rem solid #FEFEFE;
        border-top: 0.125rem solid #FEFEFE;
        transform-origin: 0 0;
        transform: rotate(45deg) translate(0, 20%); }
    .primary-header__toggle_no_tri--light-bg::after {
      /**
   * Default transforms for the `down` position.
   */
      /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
      content: "";
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      border-left: 0.125rem solid #0075BE;
      border-top: 0.125rem solid #0075BE;
      transform-origin: 0 0;
      transform: rotate(225deg) translate(-80%, -100%);
      right: 0.1em;
      top: 30%; }
    .primary-header__toggle_no_tri--flip-chevron::after {
      /**
   * Default transforms for the `down` position.
   */
      /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
      content: "";
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      border-left: 0.125rem solid #0075BE;
      border-top: 0.125rem solid #0075BE;
      transform-origin: 0 0;
      transform: rotate(45deg) translate(0, 20%); }
    .primary-header__toggle_no_tri--attention {
      /**
           * The before pseudo just contains the red bubble around the chevron.
           * 1. Reset the default ::before styles.
           */
      /**
           * 1. Magical number but because of time constraints I dont have time to do the math.
           * 2. See number 1.
           *      TODO: There has to be a better way to do these chevrons. FIND IT.
           *            Currently not the most flexible solution.
           */ }
      .primary-header__toggle_no_tri--attention::before {
        content: "";
        display: block;
        position: absolute;
        width: auto;
        /* 1 */
        height: auto;
        /* 1 */
        top: 50%;
        left: auto;
        /* 1 */
        right: 0;
        padding: 1em;
        background: #c81414;
        border: 0.125rem solid #c81414;
        border-radius: 50%;
        transform: translate(50%, -50%);
        /* 1 */ }
      .primary-header__toggle_no_tri--attention::after {
        top: 40%;
        /* 1 */
        right: 0;
        margin-right: -0.5em;
        /* 2 */ }
        .is-open .primary-header__toggle_no_tri--attention::after {
          top: 42%;
          /* 1 */ } }
  @media print, screen and (min-width: 46em) {
    .primary-header__toggle {
      position: relative;
      padding-left: 6.5px;
      padding-right: 1em;
      /**
       * 1. Magical number but because of time constraints I dont have time to do the math.
       */ }
      .primary-header__toggle--spaced {
        padding-right: 1.5em; }
      .primary-header__toggle::before {
        content: "";
        display: none;
        position: absolute;
        width: 1rem;
        height: 1rem;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        margin: 0px;
        border-radius: 0px;
        background-color: #f5f6f7; }
        .is-open .primary-header__toggle::before {
          display: block; }
      .primary-header__toggle span {
        display: flex; }
      .primary-header__toggle::after {
        /**
   * Default transforms for the `down` position.
   */
        /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
        content: "";
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        border-left: 0.125rem solid #FEFEFE;
        border-top: 0.125rem solid #FEFEFE;
        transform-origin: 0 0;
        transform: rotate(225deg) translate(-80%, -100%);
        position: absolute;
        top: 40%;
        /* 1 */
        right: 0; }
        .is-open .primary-header__toggle::after {
          /**
   * Default transforms for the `down` position.
   */
          /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
          content: "";
          display: inline-block;
          width: 0.5em;
          height: 0.5em;
          border-left: 0.125rem solid #FEFEFE;
          border-top: 0.125rem solid #FEFEFE;
          transform-origin: 0 0;
          transform: rotate(45deg) translate(0, 20%); }
      .primary-header__toggle--light-bg::after {
        /**
   * Default transforms for the `down` position.
   */
        /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
        content: "";
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        border-left: 0.125rem solid #0075BE;
        border-top: 0.125rem solid #0075BE;
        transform-origin: 0 0;
        transform: rotate(225deg) translate(-80%, -100%);
        right: 0.1em;
        top: 30%; }
      .primary-header__toggle--flip-chevron::after {
        /**
   * Default transforms for the `down` position.
   */
        /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
        content: "";
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        border-left: 0.125rem solid #0075BE;
        border-top: 0.125rem solid #0075BE;
        transform-origin: 0 0;
        transform: rotate(45deg) translate(0, 20%); }
      .primary-header__toggle--attention {
        /**
         * The before pseudo just contains the red bubble around the chevron.
         * 1. Reset the default ::before styles.
         */
        /**
         * 1. Magical number but because of time constraints I dont have time to do the math.
         * 2. See number 1.
         *      TODO: There has to be a better way to do these chevrons. FIND IT.
         *            Currently not the most flexible solution.
         */ }
        .primary-header__toggle--attention::before {
          content: "";
          display: block;
          position: absolute;
          width: auto;
          /* 1 */
          height: auto;
          /* 1 */
          top: 50%;
          left: auto;
          /* 1 */
          right: 0;
          padding: 1em;
          background: #c81414;
          border: 0.125rem solid #c81414;
          border-radius: 50%;
          transform: translate(50%, -50%);
          /* 1 */ }
        .primary-header__toggle--attention::after {
          top: 40%;
          /* 1 */
          right: 0;
          margin-right: -0.5em;
          /* 2 */ }
          .is-open .primary-header__toggle--attention::after {
            top: 42%;
            /* 1 */ } }
  .primary-header .small-margin-top--half {
    margin-top: .5rem; }
  .primary-header .small-margin-top--0 {
    margin-top: 0; }
  .primary-header .small-margin-left--0 {
    margin-left: 0; }
  .primary-header .small-margin-right--0 {
    margin-right: 0; }
  .primary-header .small-margin-bottom--0 {
    margin-bottom: 0; }
  .primary-header .small-margin-top--1 {
    margin-top: 1rem; }
  .primary-header .small-margin-left--half {
    margin-left: .5rem; }
  .primary-header .small-margin-right--half {
    margin-right: .5rem; }
  .primary-header .small-margin--0 {
    margin: 0; }
  .primary-header .small-align--center {
    align-items: center; }
  @media print, screen and (max-width: 45.99875em) {
    .primary-header .small-only-display--flex {
      display: flex; }
    .primary-header .small-only-flex-direction--column {
      flex-direction: column; }
    .primary-header .small-only-flex-align-items--center {
      align-items: center; }
    .primary-header .small-only-padding--1-and-1-fourth {
      padding: 1.25em; }
    .primary-header .small-only-padding-bottom--1 {
      padding-bottom: 1rem; }
    .primary-header .small-only-padding-left--1 {
      padding-left: 1rem; }
    .primary-header .small-only-padding-left--0 {
      padding-left: 0; } }
  @media print, screen and (min-width: 46em) {
    .primary-header .medium-flex-wrap--nowrap {
      flex-wrap: nowrap; } }
  .primary-header.landing-page {
    margin: 0; }

.location__icon {
  margin-bottom: 0.25em; }

/**
* The secondary nav logo is on the inside of the blue on mobile and outside on tablet / desktop.
*
* 1. The image size does not reflect the design, until we get the correct image this needs to stay.
*/
.secondary-header__logo {
  display: block;
  padding-top: 1.5em;
  padding-right: 2em;
  padding-bottom: 1.5em;
  padding-left: 2em;
  width: 18em;
  /**
	* ie11 doesnt adhere to the max-width: 100% on all img tags.
	* This browserhack targets ie11 specifically.
	* TODO: Find better solution
	*/
  /* stylelint-disable selector-no-universal */
  /* disable stylelint since this is a browserhack. */
  /* stylelint-enable selector-no-universal */
  /**
	* 1. Align the logo with the Choose site text
	*/ }
  .secondary-header__logo *::-ms-backdrop,
  .secondary-header__logo img {
    max-width: 18em; }
  @media print, screen and (min-width: 46em) and (max-width: 63.93625em) {
    .secondary-header__logo {
      margin-left: auto;
      margin-right: auto; } }
  @media print, screen and (min-width: 63.9375em) {
    .secondary-header__logo {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 1em;
      /* 1 */ } }

/**
* The primary menu logo.
* 1. Its usually an anchor so set the display correctly.
* 2. Logo is the only thing on the left.
*/
.primary-header__logo {
  display: block;
  /* 1 */
  margin-right: auto;
  /* 2 */
  max-width: 5em;
  /**
	 * Logo only appears on mobile.
	 */ }
  @media print, screen and (min-width: 46em) {
    .primary-header__logo {
      display: none; } }

/**
 * The Primary header link item styles.
 */
.blue-bar-height-fix {
  height: 44px; }

.landing-page .primary-header__logo {
  display: block;
  max-width: inherit;
  height: 95px;
  line-height: 95px; }
  @media print, screen and (max-width: 45.99875em) {
    .landing-page .primary-header__logo {
      max-width: 5em;
      margin-left: 1em; } }

.item-width-0 {
  display: inline-block;
  width: 0;
  overflow: hidden;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  font-family: heebo-medium;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.25px;
  line-height: 21px;
  padding-top: 0;
  padding-left: 10px; }

.icon-hover-action:hover > span.item-width-0 {
  width: 85px; }

.tl-header-primary-right.wordwrap-normal {
  white-space: nowrap; }

.signin-text-bold {
  font-weight: 700 !important; }

/* this overrides core css, hard-coded values for design QA */
.icon-hover-action.icon:before {
  font-weight: bold !important; }

.tl-header-primary-right > li a .iconNew.icon-hover-action, .tl-header-signin i > svg.lock-icon {
  margin-right: 0px;
  margin-top: 0px; }

.icon-hover-action.iconNew, .icon-hover-action.iconNew:hover {
  text-decoration: none !important;
  display: flex;
  align-items: center; }

.tl-header-primary-right > li a span.heebo {
  font-family: "Heebo";
  font-weight: 500; }

.tl-header-primary-right > li button span.heebo {
  font-family: "Heebo";
  font-weight: 500;
  text-align: left; }

.tl-header-primary-right > li a.no-spacing {
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0; }

.tl-header-primary-right > li a:hover {
  text-decoration: none; }

.tl-header-primary-right > li button:hover {
  text-decoration: none; }

span.heebo.login-text {
  padding-top: 2px !important; }

a.no-spacing.en-tag span {
  padding-top: 3px; }

.no-red.chevy:before {
  color: #ffffff; }

.chevy:before, .no-red.chevy:before {
  font-size: 10px !important;
  font-weight: bold; }

.tl-header-primary-right > li a.tl-header-signin .iconNew.chevron-down.no-red, .tl-header-primary-right > li a.tl-header-signin.tl-header-active .iconNew.chevron-down.no-red {
  background-color: transparent; }

.tl-header-primary-right > li {
  line-height: 0; }

.tl-header-primary-right .language-toggle {
  line-height: 1.4; }

button.language-toggle__toggle {
  padding-left: 13px; }

button.search-form__toggle {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 0px; }

.icon-hover-action svg {
  box-sizing: content-box; }

header .margin-left-auto {
  margin-left: auto; }

header .fix-85 {
  width: 85px; }

header .fix-auto {
  width: auto !important; }

header .margin-bottom-5 {
  margin-bottom: 5px !important; }

header .padding-top-12 {
  padding-top: 12px !important; }

header .padding-left-22 {
  padding-left: 22px !important; }

header .padding-right-22 {
  padding-right: 22px !important; }

header .padding-left-26 {
  padding-left: 26px !important; }

header .font-weight-400 {
  font-weight: 400 !important; }

header .font-weight-700 {
  font-weight: 700 !important; }

header .font-size-13 {
  font-size: 13px; }

header .font-size--14 {
  font-size: 14px; }

header .width-100 {
  width: 100%; }

header .width--160 {
  width: 160px !important; }

header .white-space--normal {
  white-space: normal; }

header .primary-background--white {
  background-color: #FFFFFF;
  border-bottom: 1px solid #cacaca; }
  header .primary-background--white .primary-header__root-link {
    color: #414141; }

header .tl-header-primary-right a .existing-icon:before {
  content: "\E669";
  color: #ffffff;
  font-family: "bmo-icon";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-align: center;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden; }

header .tl-header-primary-right a .existing-icon.iconNew:before {
  line-height: 30px;
  font-size: 30px;
  color: black; }
  @media print, screen and (min-width: 46em) {
    header .tl-header-primary-right a .existing-icon.iconNew:before {
      color: #ffffff;
      line-height: 18px;
      font-size: 18px; } }

header .tl-header-primary-right button .magnifying-glass:before {
  content: "\E640";
  color: #ffffff;
  line-height: 18px;
  font-size: 18px;
  font-family: "bmo-icon";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-align: center;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden; }

header .tl-header-primary-right button .chevron-down:before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-left: 0.125rem solid #FEFEFE;
  border-top: 0.125rem solid #FEFEFE;
  transform-origin: 0 0;
  transform: rotate(225deg) translate(-80%, -100%);
  position: absolute;
  top: 40%;
  right: 2px; }

header .tl-header-primary-right a.tl-header-signin {
  font-size: 0.866em;
  padding: 0 15px; }
  @media print, screen and (min-width: 46em) {
    header .tl-header-primary-right a.tl-header-signin {
      display: block;
      text-align: center;
      height: 44px;
      color: #ffffff;
      background-color: #1d4e75; } }
  header .tl-header-primary-right a.tl-header-signin:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  header .tl-header-primary-right a.tl-header-signin > span.hide-for-small-only {
    padding: 1px 0;
    border-top: 1px solid #1d4e75;
    border-bottom: 1px solid #1d4e75;
    display: inline-block;
    vertical-align: middle; }
  header .tl-header-primary-right a.tl-header-signin .iconNew.chevron-right {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ed1b24;
    vertical-align: middle;
    margin: 0 0 0 9px;
    padding: 0 0 0 2px; }
    header .tl-header-primary-right a.tl-header-signin .iconNew.chevron-right:before {
      content: "\E60F";
      font-size: 10px;
      color: #ffffff;
      font-family: "bmo-icon";
      width: 19px;
      padding: 0 1px 0 0;
      vertical-align: middle;
      line-height: 20px;
      text-decoration: none !important; }
  header .tl-header-primary-right a.tl-header-signin:active, header .tl-header-primary-right a.tl-header-signin:hover {
    outline: 0;
    text-decoration: none; }
    header .tl-header-primary-right a.tl-header-signin:active > span.hide-for-small-only > span:not(.iconNew), header .tl-header-primary-right a.tl-header-signin:hover > span.hide-for-small-only > span:not(.iconNew) {
      border: none;
      text-decoration: underline; }
  header .tl-header-primary-right a.tl-header-signin:focus > span.hide-for-small-only {
    outline: 1px dotted #ffffff; }

header .tl-header-primary-right a.tl-header-lang-toggle .iconNew.globe:before {
  content: "\E624";
  line-height: 30px;
  font-size: 30px;
  color: #414141;
  font-family: "bmo-icon"; }

header .iconNew {
  position: initial;
  top: auto;
  left: auto;
  transform: initial;
  -webkit-transform: initial; }

@media print, screen and (max-width: 45.99875em) {
  header .small-only-margin-bottom--half {
    margin-bottom: .5rem; } }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * Megamenu Settings
 * namespace: $megamenu-
 * scope: @global.
 */
/* Max width */
/**
 * Root level link
 * These are used for th eroot level links.
 * There are declarations in the _primary.scss file AND
 *   _sign-in.scss file.
 * The font is a random number because they said match it with production
 *  ignore standards.
 */
/* Signin menu color */
/* Secondary header toggle */
/* Secondary header color */
/**
 * Base padding-left.
 * This is used on most elements for padding left for alignment.
 */
/**
 * The signin component is located in the primary menu.
 */
.signin {
  /**
     * 1. Provide anchor for the sign-in drawer.
     */
  /**
     * The actual sign-in anchor.
     * 1. The sign in toggle is the last root link, add more space to the right.
     */
  /**
     * The signin links reset default link colors.
     */
  /**
     * The icon breaks the sizing of all root level links because its too big.
     * Because of this is must be absolutely positioned to avoid any issues with size.
     */
  /**
     * The wrapper around the signin navigation.
     */ }
  .signin a {
    font-size: 0.8125rem; }
    .signin a, .signin a:hover, .signin a:focus {
      color: #001928; }
    @media screen and (min-width: 46rem) {
      .signin a {
        color: #FEFEFE; }
        .signin a, .signin a:hover, .signin a:focus {
          color: #FEFEFE; } }
  @media screen and (min-width: 46rem) {
    .signin > .signin__toggle {
      padding-right: 2em; } }
  .signin icon {
    padding: 0.75em; }
  @media screen and (min-width: 46rem) {
    .signin {
      position: relative;
      /* 1 */ } }
  .signin__toggle {
    padding: 1.25em 1em;
    flex-direction: column;
    font-weight: 400; }
    @media screen and (min-width: 46rem) {
      .signin__toggle {
        padding-right: 2em;
        flex-direction: row; } }
  .signin__toggle-icon-right::after {
    transform: rotate(135deg) translate(-80%, -100%);
    top: 48%;
    right: .5em; }
  @media screen and (min-width: 46rem) {
    .signin__heading {
      padding-right: 1.5em;
      padding-left: 2em;
      background-color: #005587; } }
  .signin__heading-nd {
    /* double specificity */ }
    @media screen and (min-width: 46rem) {
      .signin__heading-nd.signin__heading-nd {
        padding-right: 1em;
        padding-left: 30px;
        background-color: #005587; } }
  .signin__heading-nd button, .signin__heading-nd > a {
    margin-top: 5px;
    font-weight: 400 !important; }
    @media screen and (min-width: 46rem) {
      .signin__heading-nd button, .signin__heading-nd > a {
        margin-top: 0;
        font-weight: 700 !important;
        padding-right: 20px !important; } }
  @media screen and (max-width: 45.9375rem) {
    .signin__icon-flex {
      flex-direction: column;
      display: flex;
      align-items: center;
      line-height: 24px; } }
  .signin__item {
    /**
       * The signin item after a signin attention.
       * 1. Equalize the padding between the --attention padding bottom.
       */ }
    .signin__item--attention + .signin__item .signin__link {
      padding-top: 1.5em;
      /* 1 */ }
  .signin__link {
    display: block;
    padding-top: 0.75em;
    padding-right: 2em;
    padding-left: 2em;
    padding-bottom: 0.75em; }
    .signin__link, .signin__link:hover, .signin__link:focus {
      color: #FEFEFE; }
      @media screen and (min-width: 46rem) {
        .signin__link, .signin__link:hover, .signin__link:focus {
          color: #FEFEFE; } }
    .signin__link.heading__link {
      padding-top: 0;
      padding-bottom: 10px; }
    .signin__link--attention {
      color: #FEFEFE;
      font-weight: 700;
      width: 85%;
      background: none;
      text-align: center;
      margin: auto;
      margin-bottom: 1em;
      padding: 1em 2em;
      border: 0.125em solid #FEFEFE;
      border-radius: 5em;
      box-sizing: border-box; }
      @media screen and (min-width: 46rem) {
        .signin__link--attention {
          border: 0 solid transparent;
          text-align: left;
          margin: 0;
          padding-top: 1.5em;
          padding-bottom: 1.5em;
          font-weight: 700;
          border: 0;
          border-bottom: 0.0625rem solid rgba(217, 220, 225, 0.5);
          border-radius: 0; } }
      .signin__link--attention-with-subtext {
        /* Override normal spacing */
        padding-bottom: 1em; }
        @media screen and (min-width: 46rem) {
          .signin__link--attention-with-subtext {
            /* The border will now be on the subtext */
            border-bottom: 0 solid transparent; } }
    .signin__link--subtext {
      /* To override normal spacing */
      padding-top: 0;
      padding-bottom: 1.5em;
      /* The container stretches to the text so we need to wrap it */
      max-width: 42em;
      white-space: normal;
      /* The half size is because of the font-size being smaller effecting the em */
      padding-left: 2.5em;
      border-bottom: 0.0625rem solid rgba(217, 220, 225, 0.5); }
  .signin__icon {
    margin-bottom: 0.25em;
    padding-right: 1.25em 1em; }
    @media screen and (min-width: 46rem) {
      .signin__icon {
        position: absolute;
        margin-bottom: 0;
        margin-top: -4px;
        left: 0;
        transform: translateX(-100%); } }
    @media screen and (max-width: 45.9375rem) {
      .signin__icon {
        padding-bottom: 9px !important;
        margin-right: 0px !important;
        margin-bottom: 4px !important; } }
  .signin__chevron {
    box-sizing: content-box;
    height: 1em;
    width: 1em;
    min-width: 1em;
    min-height: 1em;
    max-width: 1em;
    max-height: 1em; }
  .signin__nav {
    position: absolute;
    padding-top: 1em;
    padding-bottom: 1em;
    top: 5rem;
    left: 0;
    right: 0;
    background-color: #005587;
    /**
       * 1. Offset the border-width used throughout megamenu sotheres no 'break' in design.
       * 2. Nowrap ensures that the sign-in drawer takes up as much space as it needs for the links.
       *     The only other alternative is setting min-width which is not a good solution.
       */ }
    @media screen and (max-width: 45.9375rem) {
      .signin__nav {
        z-index: 999; } }
    @media screen and (min-width: 46rem) {
      .signin__nav {
        z-index: 1002; } }
    .signin__nav a {
      font-size: 1rem; }
      .signin__nav a, .signin__nav a:hover, .signin__nav a:focus {
        color: #FEFEFE; }
    .signin__nav a:hover {
      text-decoration: underline !important; }
    .signin__nav .fine-print {
      font-size: .85rem; }
      .signin__nav .fine-print a {
        font-size: .85rem; }
    @media screen and (min-width: 46rem) {
      .signin__nav {
        top: 100%;
        /* 1 */
        padding-top: 0;
        left: auto;
        white-space: nowrap;
        z-index: 1000;
        background-color: #005587;
        margin: -1px; } }
  .signin--nested {
    /**
      *Setting basic width of nested signin for desktop to 42em
      */ }
    @media screen and (min-width: 46rem) {
      .signin--nested {
        min-width: 42em; }
        .signin--nested.bh {
          min-width: 47em; } }
    .signin--nested__nav {
      padding: 0; }
    .signin--nested__heading {
      padding: 1em;
      font-weight: bold; }
      .signin--nested__heading:hover, .signin--nested__heading:focus, .signin--nested__heading.active {
        color: #001928;
        text-decoration: none; }
        @media screen and (max-width: 45.9375rem) {
          .signin--nested__heading:hover, .signin--nested__heading:focus, .signin--nested__heading.active {
            color: #FEFEFE; } }
    .signin--nested__link {
      padding: .5em 0; }
    .signin--nested__icon-flip .icon__icon--chevron-right {
      transform: rotate(90deg); }
    .signin--nested-mobile-hide {
      display: none; }
      @media screen and (min-width: 46rem) {
        .signin--nested-mobile-hide {
          display: block; } }
    .signin--nested-mobile-list {
      padding: 0 2em; }
  .signin .signin-border-bottom {
    border-bottom: 0.0625rem solid rgba(217, 220, 225, 0.5); }
  .signin .font-size--16 {
    font-size: 16px; }

.signin__chevron svg {
  margin-top: 7px; }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * Icons SVG's no longer icon fonts.
 * To scale an icon set the font-size of the element with the 'icon' class.
 * DO NOT mess arround with the width/height/padding values.
 *   These are set the ration of the icons ONLY the rest is done using:
 *     color
 *     fill
 *     stroke
 *     border
 *     background
 *
 * 1. Set the ratio between padding and width/height.
 *     The size of the icon will always be controlled with 'font-size'.
 * 2. Set the ratio of padding to size
 * 3. Ensure the icon is always centered
 */
/**
 * Icons scale weird.
 * Sometimes it makes the width/height not be the same.
 * This mixin forces it to be the same always.
 */
 {
  /**

    <i> is now the wrapper for icons.

    **/
  /**

        There is no more .icon (attached to the wrapper <span>) anymore.  The style below .icon won't do anything ATM.

    **/ }
  header i, footer i {
    display: flex;
    justify-content: center;
    align-items: center; }
  header .icon, footer .icon {
    /* 1 */
    /* 1 */
    display: inline-flex;
    /* 3 */
    width: 2em;
    height: 2em;
    min-width: 2em;
    min-height: 2em;
    max-width: 2em;
    max-height: 2em;
    /* 2 */
    padding: 0.35em;
    /* 2 */
    justify-content: center !important;
    /* 3 */
    align-items: stretch !important;
    /* 3 */
    /**
        * 1. Flex grow 1 makes sure the icon takes up the whole space.
        *     NOTE: The svg must be the ONLY child of the icon container.
        */
    /**
        * The wrapper is needed sometimes to be given to the icon parent.
        * It is used to align the text and icon together.
        * Usually used on an anchor or paragraph.
        */
    /**
        * The bare icon is taken up 100% by the icon image.
        * It has no special width / height / or padding.
        */
    /**
        * The icon--left means the icon is on the left of text.
        * So it adds margin to the right to separate itself from the text.
        */
    /**
    * The icon--right means the icon is on the right of text.
    * So it adds margin to the right to separate itself from the text.
    */
    /**
    * An icon with a background and border.
    * Set the icon color to change the background and border colors.
    * 1. The border-with should be `1px` but in em.
    *     This is because depending on the icon font size the border should be thicker/skinnier.
    */
    /**
    * A disabled icon.
    */
    /**
    * A dark icon.
    *   TODO: Find out what the dark color is
    */
    /**
    * A white icon.
    *   TODO: Find out what the white color is
    */
    /**
    * The icon--link variation is used usually within links.
    * Normally the outline is `disabled`, when the link is hoeverd
    * then the border `enables`
    */
    /**
    * An icon used for CTA's, usually white with blue background.
    */
    /**
    * The reverse CTA icon is the opossite of the cta one above.
    * It is usually used when the icon is on a dark background.
    */
    /**
    * TODO: Dont use spacing to declare font-size.
    */
    /**
        * The large variant of the icon.
        */
    /*
        * The footer icon variation is used for the primary footer.
        * It's a pretty specific case so the choice of naming it `--footer` was made.
        * If this becomes more of a standard maybe concider renaming it to something else.
        */
    /* Some icons renders really "thick". Thus we need to apply stroke-opacity: 0. */ }
    header .icon--blue path, footer .icon--blue path {
      fill: #0075be; }
    header .icon--nav, footer .icon--nav {
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: 24px;
      margin-top: 1px; }
    header .icon > svg, footer .icon > svg {
      flex-grow: 1; }
    header .icon path, footer .icon path {
      color: inherit;
      fill: currentColor;
      stroke: currentColor; }
    header .icon__wrapper, footer .icon__wrapper {
      display: flex;
      align-items: center;
      /**
        * Sets the icon and the text apart from each other.
        */
      /**
        * Inline variation of the icon wrapper.
        * Usually used on links.
        */ }
      header .icon__wrapper--apart, footer .icon__wrapper--apart {
        display: flex;
        align-items: center;
        justify-content: space-between; }
      header .icon__wrapper--inline, footer .icon__wrapper--inline {
        display: inline-flex; }
      header .icon__wrapper--top, footer .icon__wrapper--top {
        align-items: flex-start; }
    header .icon--bare, footer .icon--bare {
      width: 1em;
      height: 1em;
      min-width: 1em;
      min-height: 1em;
      max-width: 1em;
      max-height: 1em;
      padding: 0; }
      header .icon--bare-grey, footer .icon--bare-grey {
        width: 1em;
        height: 1em;
        min-width: 1em;
        min-height: 1em;
        max-width: 1em;
        max-height: 1em;
        padding: 0;
        color: #929ba9; }
    header .icon--left, footer .icon--left {
      margin-right: 1em; }
      header .icon--left-small, footer .icon--left-small {
        margin-right: 0.5em; }
    header .icon--right, footer .icon--right {
      margin-left: 1em; }
      header .icon--right-small, footer .icon--right-small {
        margin-left: 0.5em; }
    header .icon--circle, footer .icon--circle {
      border: 0.0625rem solid currentColor;
      border-radius: 50%; }
      header .icon--circle-grey, footer .icon--circle-grey {
        border: 0.0625rem solid #929ba9; }
      header .icon--circle-smaller, footer .icon--circle-smaller {
        padding: 0.5em; }
      header .icon--circle-large, footer .icon--circle-large {
        width: 4em;
        height: 4em;
        min-width: 4em;
        min-height: 4em;
        max-width: 4em;
        max-height: 4em;
        /* 2 */
        padding: 0.7em;
        /* 2 */ }
        header .icon--circle-large-icon, footer .icon--circle-large-icon {
          height: 2em;
          width: 2em;
          margin-top: 0.25em; }
      header .icon--circle-white, footer .icon--circle-white {
        background: #FEFEFE; }
    header .icon--disabled, footer .icon--disabled {
      color: #929ba9; }
    header .icon--dark, footer .icon--dark {
      color: black; }
      header .icon--dark::before, footer .icon--dark::before {
        color: black; }
    header .icon--white, footer .icon--white {
      color: #FEFEFE; }
    header .icon--link, footer .icon--link {
      border-color: #929ba9; }
      a:hover header .icon--link,
      a:focus header .icon--link, a:hover footer .icon--link,
      a:focus footer .icon--link {
        border-color: currentColor; }
    header .icon--cta, footer .icon--cta {
      background: #0075BE;
      color: #FEFEFE;
      border-color: #0075BE; }
      header .icon--cta--attention, footer .icon--cta--attention {
        background-color: #c81414;
        color: #FEFEFE;
        border-color: #c81414; }
    header .icon--thin, footer .icon--thin {
      stroke-opacity: 0;
      stroke-width: 0; }
    header .icon--reverse-cta, footer .icon--reverse-cta {
      background: #FEFEFE;
      color: #0075BE;
      border-color: #FEFEFE; }
    header .icon--small, footer .icon--small {
      font-size: 0.75em; }
    header .icon--smaller, footer .icon--smaller {
      font-size: 0.6em; }
    header .icon--x-small, footer .icon--x-small {
      font-size: 0.5em; }
    header .icon--large, footer .icon--large {
      font-size: 1.25em; }
    header .icon--x-large, footer .icon--x-large {
      font-size: 1.5em; }
    header .icon--xx-large, footer .icon--xx-large {
      font-size: 2em; }
    header .icon--unit-3x, footer .icon--unit-3x {
      font-size: 3em; }
    header .icon--xxx-large, footer .icon--xxx-large {
      font-size: 5em; }
    header .icon--footer, footer .icon--footer {
      transition: color 300ms ease, background-color 300ms ease; }
      header .icon--footer:hover, footer .icon--footer:hover {
        background-color: #FEFEFE;
        color: #0075BE; }
    header .icon--chevron, footer .icon--chevron {
      display: inline-flex;
      align-items: center; }
    header .icon--chevron-right > svg, footer .icon--chevron-right > svg {
      transform: translateX(5%); }
    header .icon__icon--calender, header .icon__icon--locate, header .icon__icon--call, footer .icon__icon--calender, footer .icon__icon--locate, footer .icon__icon--call {
      stroke-opacity: 0; }
    header .icon__icon--mortgage-compare rect, footer .icon__icon--mortgage-compare rect {
      stroke-opacity: 1;
      stroke: currentColor; }

header .icon__investment, footer .icon__investment {
  position: absolute;
  overflow: visible !important; }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * The search section.
 */
.search {
  /**
       * The search heading with the toggle.
       */
  /**
       * The submit buttons.
       */
  /**
       * The form wrapper.
       */
  /**
       * The label element surrounding the input field.
       */
  /**
       * 1. Foundation sets box-sizing to content-box.
       */ }
  .search__wrapper {
    position: relative; }
    @media screen and (min-width: 46rem) {
      .search__wrapper {
        height: 84px;
        display: flex;
        max-width: 75rem;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 45.9375rem) {
      .search__wrapper {
        padding: 1rem; } }
  .search__label {
    color: #FEFEFE;
    font-weight: 700;
    font-size: 0.8125rem;
    padding: 1.4rem 1em; }
    @media screen and (max-width: 45.9375rem) {
      .search__label {
        padding: 1rem 1em; } }
    .search__label, .search__label:hover, .search__label:focus {
      color: #FEFEFE; }
      @media screen and (min-width: 46rem) {
        .search__label, .search__label:hover, .search__label:focus {
          color: #FEFEFE; } }
  .search__heading {
    display: none; }
    @media screen and (min-width: 46rem) {
      .search__heading {
        display: block; } }
  .search__submit {
    display: none;
    width: auto; }
    @media screen and (min-width: 46rem) {
      .search__submit {
        display: flex; } }
  .search__clear {
    position: absolute;
    border: 0;
    top: 30px;
    right: 108px;
    width: 24px;
    height: 24px;
    background: #f5f6f7 100% 100% no-repeat url("data:image/svg+xml,%3Csvg width='24' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230075BE' d='M27.06,22.5,38.47,11.09a1.81,1.81,0,1,0-2.56-2.56L24.5,19.94,13.09,8.53a1.81,1.81,0,1,0-2.56,2.56L21.94,22.5,10.53,33.91a1.8,1.8,0,0,0,0,2.56,1.84,1.84,0,0,0,1.28.53,1.8,1.8,0,0,0,1.28-.53L24.5,25.06,35.91,36.47a1.8,1.8,0,0,0,1.28.53,1.84,1.84,0,0,0,1.28-.53,1.8,1.8,0,0,0,0-2.56Z'/%3E%3C/svg%3E"); }
    @media screen and (max-width: 45.9375rem) {
      .search__clear {
        top: 24px;
        right: 24px;
        background: #FEFEFE 100% 100% no-repeat url("data:image/svg+xml,%3Csvg width='24' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230075BE' d='M27.06,22.5,38.47,11.09a1.81,1.81,0,1,0-2.56-2.56L24.5,19.94,13.09,8.53a1.81,1.81,0,1,0-2.56,2.56L21.94,22.5,10.53,33.91a1.8,1.8,0,0,0,0,2.56,1.84,1.84,0,0,0,1.28.53,1.8,1.8,0,0,0,1.28-.53L24.5,25.06,35.91,36.47a1.8,1.8,0,0,0,1.28.53,1.84,1.84,0,0,0,1.28-.53,1.8,1.8,0,0,0,0-2.56Z'/%3E%3C/svg%3E"); } }
  .search__clear-hide {
    display: none !important;
    position: absolute;
    border: 0;
    top: 30px;
    right: 108px;
    width: 24px;
    height: 24px;
    background: #f5f6f7 100% 100% no-repeat url("data:image/svg+xml,%3Csvg width='24' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230075BE' d='M27.06,22.5,38.47,11.09a1.81,1.81,0,1,0-2.56-2.56L24.5,19.94,13.09,8.53a1.81,1.81,0,1,0-2.56,2.56L21.94,22.5,10.53,33.91a1.8,1.8,0,0,0,0,2.56,1.84,1.84,0,0,0,1.28.53,1.8,1.8,0,0,0,1.28-.53L24.5,25.06,35.91,36.47a1.8,1.8,0,0,0,1.28.53,1.84,1.84,0,0,0,1.28-.53,1.8,1.8,0,0,0,0-2.56Z'/%3E%3C/svg%3E"); }
  .search__icon {
    padding: 0.4375rem; }
  .search__form {
    padding-right: 2em;
    padding-left: 1em;
    background-color: #0075BE;
    text-align: center;
    /*when hovering an item:*/
    /*when navigating through the items using the arrow keys:*/ }
    @media screen and (min-width: 46rem) {
      .search__form {
        padding-right: 1em;
        padding-left: 1em;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #f5f6f7;
        text-align: left;
        z-index: 2 !important; }
        .search:not(.is-open) > .search__form {
          display: none; }
        .search:hover > .search__form {
          display: block;
          z-index: 10; } }
    @media screen and (max-width: 45.9375rem) {
      .search__form {
        padding: 0; } }
    .search__form .autocomplete {
      position: relative;
      display: inline-block;
      width: 100%;
      text-align: left; }
    .search__form .autocomplete-items {
      position: absolute;
      border: 1px solid #d9dce1;
      border-bottom: none;
      border-top: none;
      z-index: 1002;
      /*position the autocomplete items to be the same width as the container:*/
      top: 100%;
      left: 0;
      right: 0; }
    .search__form .autocomplete-items div {
      padding: 24px 16px;
      font-size: 16px;
      cursor: pointer;
      background-color: #ffffff;
      border-bottom: 1px solid #d9dce1;
      overflow: hidden; }
      @media screen and (max-width: 45.9375rem) {
        .search__form .autocomplete-items div {
          padding: 8px; } }
    .search__form .autocomplete-items div:hover {
      background-color: #f5f6f7; }
    .search__form .autocomplete-active {
      background-color: #f5f6f7 !important; }
  .search__label {
    flex: 1; }
    @media screen and (min-width: 46rem) {
      .search__label {
        margin-right: 1em;
        margin-left: 1em; } }
  .search__input, .search__input:active, .search__input:focus {
    text-align: center;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0.125rem;
    padding: 8px 32px 8px 8px !important; }
    @media screen and (min-width: 46rem) {
      .search__input, .search__input:active, .search__input:focus {
        background: none !important;
        text-align: left;
        margin: 0;
        box-shadow: none !important;
        font-weight: 300 !important;
        font-size: 1.62469rem !important; } }
  .search input[type="search"] {
    padding: 8px 32px 8px 8px !important;
    border: 0;
    margin: 0; }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * Megamenu Settings
 * namespace: $megamenu-
 * scope: @global.
 */
/* Max width */
/**
 * Root level link
 * These are used for th eroot level links.
 * There are declarations in the _primary.scss file AND
 *   _sign-in.scss file.
 * The font is a random number because they said match it with production
 *  ignore standards.
 */
/* Signin menu color */
/* Secondary header toggle */
/* Secondary header color */
/**
 * Base padding-left.
 * This is used on most elements for padding left for alignment.
 */
/**
 * The zipcode section.
 */
.zipcode {
  /**
   * The zipcode heading with the toggle.
   */
  /**
   * The submit buttons.
   */
  /**
   * The form wrapper.
   */
  /**
   * The label element surrounding the input field.
   */
  /**
   * 1. Foundation sets box-sizing to content-box.
   */ }
  .zipcode__wrapper {
    color: #FEFEFE; }
    .zipcode__wrapper [data-zipcode-megamenu-input] {
      margin-bottom: 0; }
    @media screen and (min-width: 63.9375rem) {
      .zipcode__wrapper.row > .columns {
        margin: 0; } }
    @media screen and (min-width: 46rem) {
      .zipcode__wrapper {
        display: flex;
        max-width: 75rem;
        margin-left: auto;
        margin-right: auto;
        color: #001928; } }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .zipcode__wrapper {
        margin: 0; }
        .zipcode__wrapper.row {
          max-width: 100%; }
          .zipcode__wrapper.row > .columns {
            padding: 0;
            margin: 0; }
        .zipcode__wrapper [data-zipcode-megamenu-set-button] {
          margin-left: 1em;
          width: auto; } }
    @media screen and (max-width: 45.9375rem) {
      .zipcode__wrapper [data-zipcode-megamenu-set-button] {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 100%; }
      .zipcode__wrapper.row > .columns {
        margin: 0; } }
    .zipcode__wrapper button {
      text-decoration: none;
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.01562rem;
      text-transform: none;
      font-weight: 600;
      display: inline-block;
      padding: 0.4em 2em;
      border: 0.125rem solid #0075BE;
      border-radius: 5em;
      background: #0075BE;
      color: #FEFEFE;
      text-align: center;
      transition: 300ms ease background-color, 300ms ease color, 300ms ease border-color;
      cursor: pointer;
      max-width: 90vw; }
      .zipcode__wrapper button:hover, .zipcode__wrapper button:active, .zipcode__wrapper button:focus {
        background: #00436c;
        border-color: #00436c;
        color: #FEFEFE;
        text-decoration: none;
        border: 0.125rem solid #0075BE; }
    .zipcode__wrapper .form-error {
      position: relative;
      top: 18px;
      left: 2px; }
      @media screen and (min-width: 46rem) {
        .zipcode__wrapper .form-error {
          position: relative;
          top: 18px;
          left: 2px; } }
    @media screen and (min-width: 46rem) {
      .zipcode__wrapper > div:first-child .zipcode__label {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
  .zipcode__heading {
    display: none; }
    @media screen and (min-width: 46rem) {
      .zipcode__heading {
        display: block; } }
  .zipcode__submit {
    display: none; }
    @media screen and (min-width: 46rem) {
      .zipcode__submit {
        display: flex; } }
  .zipcode__form {
    box-sizing: border-box;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 1em;
    background-color: #0075BE;
    text-align: left; }
    @media screen and (min-width: 46rem) {
      .zipcode__form {
        padding-right: 1em;
        padding-left: 1em;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #f5f6f7;
        display: none;
        /**
       * Hide unopened zipcode toggles.
       */ }
        .is-open > .zipcode__form {
          display: block;
          z-index: 10; } }
  .zipcode__label {
    flex: 1; }
    @media screen and (max-width: 45.9375rem) {
      .zipcode__label {
        color: #FEFEFE; } }
    @media screen and (min-width: 46rem) {
      .zipcode__label {
        margin-right: 1em;
        margin-left: 1em; } }
  .zipcode__input {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    border: none;
    border-radius: 0.125rem;
    color: #001928; }
    .zipcode__input.has-error + .zipcode-error-msg {
      display: block; }
    .zipcode__input.has-error:focus + .zipcode-error-msg {
      display: none; }
  .zipcode__checkbox-span {
    margin-left: 0.5em; }
    .zipcode__checkbox-span::before {
      background-color: #FEFEFE; }
  @media screen and (max-width: 45.9375rem) {
    .zipcode__cookie-link {
      color: #FEFEFE; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    .zipcode__cookie-link {
      font-size: .85em; } }

/*
 * Checkbox Component
 *
 * Used in forms and compare tables
 *
 */
/**
 * The checkbox class is added to the actual input[type=checkbox] element.
 *
 * 1. Values pulled from the live site.
 */
.checkbox {
  /* 1 */
  /* 1 */
  /* 1 */
  /**
   * The label that wraps the checkbox component.
   */
  /*
   * The text associated with the checkbox.
   * This is what actually builds out the checkbox square thingy.
   *
   * 1. Align the checkbox and the content centered.
   */ }
  .checkbox__label {
    position: relative;
    display: inline-flex;
    padding: 0;
    cursor: pointer; }
    @media screen and (max-width: 45.9375rem) {
      .checkbox__label {
        color: #FEFEFE; } }
    .checkbox__label--full {
      display: flex;
      align-items: center; }
  .checkbox__short-desc {
    font-size: 0.75rem; }
  .checkbox__content {
    display: inline-flex;
    /* 1 */
    align-items: center;
    /* 1 */
    /**
      * If checkbox right class attached add space to place checkbox element on the right
      */
    /**
      * display checkbox content in column fashion
      */
    /**
     * The before pseudo is what actually renders out the checkbox.
     *
     * 1. By default it is empty.
     * 2. Place the checkmark in the center of the box.
     */ }
    .checkbox--right .checkbox__content {
      padding-right: 2.25em; }
    .checkbox__content--col {
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
    .checkbox__content::before {
      content: "\2713";
      /* 1 */
      margin-right: 0.5em;
      display: inline-flex;
      /* 2 */
      width: 1.25em;
      height: 1.25em;
      align-items: center;
      /* 2 */
      justify-content: center;
      /* 2 */
      border: 0.0625rem solid #929ba9;
      border-radius: 0.125rem;
      color: transparent;
      /* 1 */
      /**
       * When the checkbox is checked add the check.
       * TODO: There might be a time when designers what a SPECIFIC checkmark.
       *        When that time comes use a background-image svg.
       *
       * 1. We cannot set:
       *      content: "";
       *    To hide the checkmark because the input changes height and causes a reflow.
       *    Instead we change the color to transparent which hides it.
       */
      /**
        * If checkbox right class attached place checkbox element on the right
        */ }
      .checkbox:checked + .checkbox__content::before {
        color: #0075BE; }
      .checkbox--right + .checkbox__content::before {
        position: absolute;
        right: 0;
        transform: translateX(-100%); }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * Megamenu Settings
 * namespace: $megamenu-
 * scope: @global.
 */
/* Max width */
/**
 * Root level link
 * These are used for th eroot level links.
 * There are declarations in the _primary.scss file AND
 *   _sign-in.scss file.
 * The font is a random number because they said match it with production
 *  ignore standards.
 */
/* Signin menu color */
/* Secondary header toggle */
/* Secondary header color */
/**
 * Base padding-left.
 * This is used on most elements for padding left for alignment.
 */
/**
 * 1. Take up the remaining space.
 */
.primary-header {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: initial;
  /* 1 */
  justify-content: center;
  /**
   * 1. Serve as anchor for medium screens.
   */
  /**
   * 1. Space it away from the toggle button if present.
   */
  /**
   * Wraps the primary header.
   */
  /**
   * Root level links in the primary header are what give the header the correct size.
   */ }
  @media print, screen and (max-width: 45.99875em) {
    .primary-header {
      margin-left: 5.5em;
      height: 5rem;
      margin-right: 0.4em; } }
  @media print, screen and (min-width: 46em) {
    .primary-header {
      position: relative;
      background-color: #0075BE; } }
  .secondary-header__toggle + .primary-header {
    margin-left: 0.5em;
    /* 1 */
    /**
     * The toggle is hidden in medium.
     */ }
    @media print, screen and (min-width: 46em) {
      .secondary-header__toggle + .primary-header {
        margin-left: 0; } }
  .primary-header__right {
    display: flex; }
  .primary-header__wrapper {
    display: flex;
    flex: 1;
    max-width: 75rem;
    align-items: center; }
    @media print, screen and (min-width: 46em) and (max-width: 63.93625em) {
      .primary-header__wrapper {
        justify-content: space-between; } }
    @media print, screen and (min-width: 63.9375em) {
      .primary-header__wrapper {
        flex: 1 1 75rem; } }
  .primary-header__root-link {
    position: relative !important;
    font-size: 0.8125rem !important;
    padding: 1.25em 1em;
    line-height: 13px !important;
    /**
     * Primary heading is smaller on tablet.
     * 1. Since the primary header is blue on medium up,
     * the root links must be white.
     */ }
    .primary-header__root-link, .primary-header__root-link:hover, .primary-header__root-link:focus {
      color: #001928; }
    @media print, screen and (min-width: 63.9375em) {
      .primary-header__root-link:focus {
        position: relative;
        outline: 1px solid #fff !important; } }
    .primary-header__root-link.no-border {
      border: none; }
    @media print, screen and (min-width: 46em) {
      .primary-header__root-link {
        padding: 1.25em 1em;
        font-weight: 700;
        /**
       * For large screens space out the links.
       * Theres not enough space on medium so leave as is for those.
       */ }
        .primary-header__root-link, .primary-header__root-link:hover, .primary-header__root-link:focus {
          color: #FEFEFE;
          /* 1 */ }
        .primary-header__root-link--spaced {
          margin-left: 1em;
          padding-left: 6.5px; } }
    @media print, screen and (min-width: 46em) and (min-width: 46em) and (max-width: 63.93625em) {
      .primary-header__root-link--spaced {
        margin-left: 0.4em; } }
    @media print, screen and (min-width: 46em) {
          .primary-header__root-link--spaced:focus {
            margin: 0.01px 0.01px 0.01px 1em; } }
      @media print, screen and (min-width: 46em) and (min-width: 46em) and (max-width: 63.93625em) {
        .primary-header__root-link--spaced:focus {
          margin: 0.01px 0.01px 0.01px 0.4em; } }
    @media print, screen and (min-width: 46em) and (max-width: 63.93625em) {
      .primary-header__root-link {
        padding-left: 0.5em !important;
        padding: 1.25em 0.5em; } }
  .primary-header__locator {
    display: flex;
    flex-direction: column; }
    @media print, screen and (min-width: 46em) {
      .primary-header__locator {
        display: inline-block; } }

@media print, screen and (min-width: 46em) and (min-width: 46em) {
  .primary-header__toggle_no_tri {
    position: relative;
    padding-right: 1em;
    /**
         * 1. Magical number but because of time constraints I dont have time to do the math.
         */ }
    .primary-header__toggle_no_tri--spaced {
      padding-right: 1.5em; }
    .primary-header__toggle_no_tri span {
      display: flex; }
    .primary-header__toggle_no_tri::after {
      /**
   * Default transforms for the `down` position.
   */
      /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
      content: "";
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      border-left: 0.125rem solid #FEFEFE;
      border-top: 0.125rem solid #FEFEFE;
      transform-origin: 0 0;
      transform: rotate(225deg) translate(-80%, -100%);
      position: absolute;
      top: 40%;
      /* 1 */
      right: 0; }
      .is-open .primary-header__toggle_no_tri::after {
        /**
   * Default transforms for the `down` position.
   */
        /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
        content: "";
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        border-left: 0.125rem solid #FEFEFE;
        border-top: 0.125rem solid #FEFEFE;
        transform-origin: 0 0;
        transform: rotate(45deg) translate(0, 20%); }
    .primary-header__toggle_no_tri--light-bg::after {
      /**
   * Default transforms for the `down` position.
   */
      /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
      content: "";
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      border-left: 0.125rem solid #0075BE;
      border-top: 0.125rem solid #0075BE;
      transform-origin: 0 0;
      transform: rotate(225deg) translate(-80%, -100%);
      right: 0.1em;
      top: 30%; }
    .primary-header__toggle_no_tri--flip-chevron::after {
      /**
   * Default transforms for the `down` position.
   */
      /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
      content: "";
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      border-left: 0.125rem solid #0075BE;
      border-top: 0.125rem solid #0075BE;
      transform-origin: 0 0;
      transform: rotate(45deg) translate(0, 20%); }
    .primary-header__toggle_no_tri--attention {
      /**
           * The before pseudo just contains the red bubble around the chevron.
           * 1. Reset the default ::before styles.
           */
      /**
           * 1. Magical number but because of time constraints I dont have time to do the math.
           * 2. See number 1.
           *      TODO: There has to be a better way to do these chevrons. FIND IT.
           *            Currently not the most flexible solution.
           */ }
      .primary-header__toggle_no_tri--attention::before {
        content: "";
        display: block;
        position: absolute;
        width: auto;
        /* 1 */
        height: auto;
        /* 1 */
        top: 50%;
        left: auto;
        /* 1 */
        right: 0;
        padding: 1em;
        background: #c81414;
        border: 0.125rem solid #c81414;
        border-radius: 50%;
        transform: translate(50%, -50%);
        /* 1 */ }
      .primary-header__toggle_no_tri--attention::after {
        top: 40%;
        /* 1 */
        right: 0;
        margin-right: -0.5em;
        /* 2 */ }
        .is-open .primary-header__toggle_no_tri--attention::after {
          top: 42%;
          /* 1 */ } }
  @media print, screen and (min-width: 46em) {
    .primary-header__toggle {
      position: relative;
      padding-left: 6.5px;
      padding-right: 1em;
      /**
       * 1. Magical number but because of time constraints I dont have time to do the math.
       */ }
      .primary-header__toggle--spaced {
        padding-right: 1.5em; }
      .primary-header__toggle::before {
        content: "";
        display: none;
        position: absolute;
        width: 1rem;
        height: 1rem;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        margin: 0px;
        border-radius: 0px;
        background-color: #f5f6f7; }
        .is-open .primary-header__toggle::before {
          display: block; }
      .primary-header__toggle span {
        display: flex; }
      .primary-header__toggle::after {
        /**
   * Default transforms for the `down` position.
   */
        /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
        content: "";
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        border-left: 0.125rem solid #FEFEFE;
        border-top: 0.125rem solid #FEFEFE;
        transform-origin: 0 0;
        transform: rotate(225deg) translate(-80%, -100%);
        position: absolute;
        top: 40%;
        /* 1 */
        right: 0; }
        .is-open .primary-header__toggle::after {
          /**
   * Default transforms for the `down` position.
   */
          /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
          content: "";
          display: inline-block;
          width: 0.5em;
          height: 0.5em;
          border-left: 0.125rem solid #FEFEFE;
          border-top: 0.125rem solid #FEFEFE;
          transform-origin: 0 0;
          transform: rotate(45deg) translate(0, 20%); }
      .primary-header__toggle--light-bg::after {
        /**
   * Default transforms for the `down` position.
   */
        /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
        content: "";
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        border-left: 0.125rem solid #0075BE;
        border-top: 0.125rem solid #0075BE;
        transform-origin: 0 0;
        transform: rotate(225deg) translate(-80%, -100%);
        right: 0.1em;
        top: 30%; }
      .primary-header__toggle--flip-chevron::after {
        /**
   * Default transforms for the `down` position.
   */
        /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
        content: "";
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        border-left: 0.125rem solid #0075BE;
        border-top: 0.125rem solid #0075BE;
        transform-origin: 0 0;
        transform: rotate(45deg) translate(0, 20%); }
      .primary-header__toggle--attention {
        /**
         * The before pseudo just contains the red bubble around the chevron.
         * 1. Reset the default ::before styles.
         */
        /**
         * 1. Magical number but because of time constraints I dont have time to do the math.
         * 2. See number 1.
         *      TODO: There has to be a better way to do these chevrons. FIND IT.
         *            Currently not the most flexible solution.
         */ }
        .primary-header__toggle--attention::before {
          content: "";
          display: block;
          position: absolute;
          width: auto;
          /* 1 */
          height: auto;
          /* 1 */
          top: 50%;
          left: auto;
          /* 1 */
          right: 0;
          padding: 1em;
          background: #c81414;
          border: 0.125rem solid #c81414;
          border-radius: 50%;
          transform: translate(50%, -50%);
          /* 1 */ }
        .primary-header__toggle--attention::after {
          top: 40%;
          /* 1 */
          right: 0;
          margin-right: -0.5em;
          /* 2 */ }
          .is-open .primary-header__toggle--attention::after {
            top: 42%;
            /* 1 */ } }
  .primary-header .small-margin-top--half {
    margin-top: .5rem; }
  .primary-header .small-margin-top--0 {
    margin-top: 0; }
  .primary-header .small-margin-left--0 {
    margin-left: 0; }
  .primary-header .small-margin-right--0 {
    margin-right: 0; }
  .primary-header .small-margin-bottom--0 {
    margin-bottom: 0; }
  .primary-header .small-margin-top--1 {
    margin-top: 1rem; }
  .primary-header .small-margin-left--half {
    margin-left: .5rem; }
  .primary-header .small-margin-right--half {
    margin-right: .5rem; }
  .primary-header .small-margin--0 {
    margin: 0; }
  .primary-header .small-align--center {
    align-items: center; }
  @media print, screen and (max-width: 45.99875em) {
    .primary-header .small-only-display--flex {
      display: flex; }
    .primary-header .small-only-flex-direction--column {
      flex-direction: column; }
    .primary-header .small-only-flex-align-items--center {
      align-items: center; }
    .primary-header .small-only-padding--1-and-1-fourth {
      padding: 1.25em; }
    .primary-header .small-only-padding-bottom--1 {
      padding-bottom: 1rem; }
    .primary-header .small-only-padding-left--1 {
      padding-left: 1rem; }
    .primary-header .small-only-padding-left--0 {
      padding-left: 0; } }
  @media print, screen and (min-width: 46em) {
    .primary-header .medium-flex-wrap--nowrap {
      flex-wrap: nowrap; } }
  .primary-header.landing-page {
    margin: 0; }

.location__icon {
  margin-bottom: 0.25em; }

/**
* The secondary nav logo is on the inside of the blue on mobile and outside on tablet / desktop.
*
* 1. The image size does not reflect the design, until we get the correct image this needs to stay.
*/
.secondary-header__logo {
  display: block;
  padding-top: 1.5em;
  padding-right: 2em;
  padding-bottom: 1.5em;
  padding-left: 2em;
  width: 18em;
  /**
	* ie11 doesnt adhere to the max-width: 100% on all img tags.
	* This browserhack targets ie11 specifically.
	* TODO: Find better solution
	*/
  /* stylelint-disable selector-no-universal */
  /* disable stylelint since this is a browserhack. */
  /* stylelint-enable selector-no-universal */
  /**
	* 1. Align the logo with the Choose site text
	*/ }
  .secondary-header__logo *::-ms-backdrop,
  .secondary-header__logo img {
    max-width: 18em; }
  @media print, screen and (min-width: 46em) and (max-width: 63.93625em) {
    .secondary-header__logo {
      margin-left: auto;
      margin-right: auto; } }
  @media print, screen and (min-width: 63.9375em) {
    .secondary-header__logo {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 1em;
      /* 1 */ } }

/**
* The primary menu logo.
* 1. Its usually an anchor so set the display correctly.
* 2. Logo is the only thing on the left.
*/
.primary-header__logo {
  display: block;
  /* 1 */
  margin-right: auto;
  /* 2 */
  max-width: 5em;
  /**
	 * Logo only appears on mobile.
	 */ }
  @media print, screen and (min-width: 46em) {
    .primary-header__logo {
      display: none; } }

/**
 * The Primary header link item styles.
 */
.blue-bar-height-fix {
  height: 44px; }

.landing-page .primary-header__logo {
  display: block;
  max-width: inherit;
  height: 95px;
  line-height: 95px; }
  @media print, screen and (max-width: 45.99875em) {
    .landing-page .primary-header__logo {
      max-width: 5em;
      margin-left: 1em; } }

.item-width-0 {
  display: inline-block;
  width: 0;
  overflow: hidden;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  font-family: heebo-medium;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.25px;
  line-height: 21px;
  padding-top: 0;
  padding-left: 10px; }

.icon-hover-action:hover > span.item-width-0 {
  width: 85px; }

.tl-header-primary-right.wordwrap-normal {
  white-space: nowrap; }

.signin-text-bold {
  font-weight: 700 !important; }

/* this overrides core css, hard-coded values for design QA */
.icon-hover-action.icon:before {
  font-weight: bold !important; }

.tl-header-primary-right > li a .iconNew.icon-hover-action, .tl-header-signin i > svg.lock-icon {
  margin-right: 0px;
  margin-top: 0px; }

.icon-hover-action.iconNew, .icon-hover-action.iconNew:hover {
  text-decoration: none !important;
  display: flex;
  align-items: center; }

.tl-header-primary-right > li a span.heebo {
  font-family: "Heebo";
  font-weight: 500; }

.tl-header-primary-right > li button span.heebo {
  font-family: "Heebo";
  font-weight: 500;
  text-align: left; }

.tl-header-primary-right > li a.no-spacing {
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0; }

.tl-header-primary-right > li a:hover {
  text-decoration: none; }

.tl-header-primary-right > li button:hover {
  text-decoration: none; }

span.heebo.login-text {
  padding-top: 2px !important; }

a.no-spacing.en-tag span {
  padding-top: 3px; }

.no-red.chevy:before {
  color: #ffffff; }

.chevy:before, .no-red.chevy:before {
  font-size: 10px !important;
  font-weight: bold; }

.tl-header-primary-right > li a.tl-header-signin .iconNew.chevron-down.no-red, .tl-header-primary-right > li a.tl-header-signin.tl-header-active .iconNew.chevron-down.no-red {
  background-color: transparent; }

.tl-header-primary-right > li {
  line-height: 0; }

.tl-header-primary-right .language-toggle {
  line-height: 1.4; }

button.language-toggle__toggle {
  padding-left: 13px; }

button.search-form__toggle {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 0px; }

.icon-hover-action svg {
  box-sizing: content-box; }

header .margin-left-auto {
  margin-left: auto; }

header .fix-85 {
  width: 85px; }

header .fix-auto {
  width: auto !important; }

header .margin-bottom-5 {
  margin-bottom: 5px !important; }

header .padding-top-12 {
  padding-top: 12px !important; }

header .padding-left-22 {
  padding-left: 22px !important; }

header .padding-right-22 {
  padding-right: 22px !important; }

header .padding-left-26 {
  padding-left: 26px !important; }

header .font-weight-400 {
  font-weight: 400 !important; }

header .font-weight-700 {
  font-weight: 700 !important; }

header .font-size-13 {
  font-size: 13px; }

header .font-size--14 {
  font-size: 14px; }

header .width-100 {
  width: 100%; }

header .width--160 {
  width: 160px !important; }

header .white-space--normal {
  white-space: normal; }

header .primary-background--white {
  background-color: #FFFFFF;
  border-bottom: 1px solid #cacaca; }
  header .primary-background--white .primary-header__root-link {
    color: #414141; }

header .tl-header-primary-right a .existing-icon:before {
  content: "\E669";
  color: #ffffff;
  font-family: "bmo-icon";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-align: center;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden; }

header .tl-header-primary-right a .existing-icon.iconNew:before {
  line-height: 30px;
  font-size: 30px;
  color: black; }
  @media print, screen and (min-width: 46em) {
    header .tl-header-primary-right a .existing-icon.iconNew:before {
      color: #ffffff;
      line-height: 18px;
      font-size: 18px; } }

header .tl-header-primary-right button .magnifying-glass:before {
  content: "\E640";
  color: #ffffff;
  line-height: 18px;
  font-size: 18px;
  font-family: "bmo-icon";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-align: center;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden; }

header .tl-header-primary-right button .chevron-down:before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-left: 0.125rem solid #FEFEFE;
  border-top: 0.125rem solid #FEFEFE;
  transform-origin: 0 0;
  transform: rotate(225deg) translate(-80%, -100%);
  position: absolute;
  top: 40%;
  right: 2px; }

header .tl-header-primary-right a.tl-header-signin {
  font-size: 0.866em;
  padding: 0 15px; }
  @media print, screen and (min-width: 46em) {
    header .tl-header-primary-right a.tl-header-signin {
      display: block;
      text-align: center;
      height: 44px;
      color: #ffffff;
      background-color: #1d4e75; } }
  header .tl-header-primary-right a.tl-header-signin:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  header .tl-header-primary-right a.tl-header-signin > span.hide-for-small-only {
    padding: 1px 0;
    border-top: 1px solid #1d4e75;
    border-bottom: 1px solid #1d4e75;
    display: inline-block;
    vertical-align: middle; }
  header .tl-header-primary-right a.tl-header-signin .iconNew.chevron-right {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ed1b24;
    vertical-align: middle;
    margin: 0 0 0 9px;
    padding: 0 0 0 2px; }
    header .tl-header-primary-right a.tl-header-signin .iconNew.chevron-right:before {
      content: "\E60F";
      font-size: 10px;
      color: #ffffff;
      font-family: "bmo-icon";
      width: 19px;
      padding: 0 1px 0 0;
      vertical-align: middle;
      line-height: 20px;
      text-decoration: none !important; }
  header .tl-header-primary-right a.tl-header-signin:active, header .tl-header-primary-right a.tl-header-signin:hover {
    outline: 0;
    text-decoration: none; }
    header .tl-header-primary-right a.tl-header-signin:active > span.hide-for-small-only > span:not(.iconNew), header .tl-header-primary-right a.tl-header-signin:hover > span.hide-for-small-only > span:not(.iconNew) {
      border: none;
      text-decoration: underline; }
  header .tl-header-primary-right a.tl-header-signin:focus > span.hide-for-small-only {
    outline: 1px dotted #ffffff; }

header .tl-header-primary-right a.tl-header-lang-toggle .iconNew.globe:before {
  content: "\E624";
  line-height: 30px;
  font-size: 30px;
  color: #414141;
  font-family: "bmo-icon"; }

header .iconNew {
  position: initial;
  top: auto;
  left: auto;
  transform: initial;
  -webkit-transform: initial; }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

header .contact-us, footer .contact-us {
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1em;
  padding-left: 2em;
  border-top: 0.125rem solid #FEFEFE;
  color: #FEFEFE;
  /**
   * The actual contact links.
   */ }
  header .contact-us__heading, footer .contact-us__heading {
    margin-bottom: 1em;
    display: block; }
  header .contact-us__link, footer .contact-us__link {
    display: inline-block;
    padding-top: 0.25em;
    padding-bottom: 0.25em; }
    header .contact-us__link, header .contact-us__link:hover, header .contact-us__link:focus, footer .contact-us__link, footer .contact-us__link:hover, footer .contact-us__link:focus {
      color: #FEFEFE; }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * Megamenu Settings
 * namespace: $megamenu-
 * scope: @global.
 */
/* Max width */
/**
 * Root level link
 * These are used for th eroot level links.
 * There are declarations in the _primary.scss file AND
 *   _sign-in.scss file.
 * The font is a random number because they said match it with production
 *  ignore standards.
 */
/* Signin menu color */
/* Secondary header toggle */
/* Secondary header color */
/**
 * Base padding-left.
 * This is used on most elements for padding left for alignment.
 */
/**
 * 1. The height of the back link.
 *     This is a magic number.
 *     TODO: Find a way of calculating it.
 * 2. The back link should be a little smaller then the left padding.
 *     This adds some space between the link and button.
 */
.main-nav {
  /* 1 */
  /* 2 */
  /**
     * The site-item wraps around the site sections (personal | wealth)
     */
  /**
     * The actual links in the long list.
     */
  /**
     * The back button for the megamenu lob section.
     */
  /**
     * The section with all of the links.
     * 1. Create an anchor for the back buttons.
     */ }
  @media screen and (min-width: 63.9375rem) {
    .main-nav {
      flex: 1; } }
  .main-nav__site-item {
    display: none; }
    @media screen and (min-width: 46rem) {
      .main-nav__site-item {
        display: none; }
        .main-nav__site-item[class*="is-current"] {
          display: block; } }
    .main-nav__site-item[class*="is-current"] {
      display: block; }
  .main-nav__link {
    display: flex;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2.5em;
    justify-content: space-between;
    align-items: center;
    background-color: #0075BE;
    border-bottom: 0.0625rem solid #FEFEFE;
    width: 100%;
    line-height: 1.15rem;
    /**
       * The active navigations links.
       */
    /**
       * The site links are the top level links.
       *   ex. Personal | Wealth | Business
       */
    /**
       * This is used for meganav toggles.
       *   [data-mega-header-section-toggle]
       * They should only be hidden on small screens.
       */ }
    @media screen and (max-width: 45.9375rem) {
      .main-nav__link {
        line-height: 1.4rem;
        text-align: left; } }
    @media screen and (min-width: 46rem) {
      .main-nav__link {
        display: block;
        padding: 0;
        background-color: transparent;
        border-bottom: none; } }
    .main-nav__link, .main-nav__link:hover, .main-nav__link:focus {
      color: #FEFEFE;
      text-decoration: none; }
      @media screen and (min-width: 46rem) {
        .main-nav__link, .main-nav__link:hover, .main-nav__link:focus {
          color: #001928; } }
    .main-nav__link:hover, .main-nav__link:focus {
      background-color: #73c3eb; }
      @media screen and (min-width: 46rem) {
        .main-nav__link:hover, .main-nav__link:focus {
          background-color: transparent; } }
    .main-nav__link--active {
      background-color: #0075BE;
      border-bottom: 0.125rem solid #FEFEFE; }
      @media screen and (min-width: 46rem) {
        .main-nav__link--active {
          background-color: transparent;
          color: #0075BE;
          border-bottom: none; } }
    @media screen and (min-width: 46rem) {
      .main-nav__link--site {
        padding-left: 0; }
        .main-nav__link--site, .main-nav__link--site--follow-through {
          display: none; } }
    @media screen and (max-width: 45.9375rem) {
      .main-nav__link--hidden {
        display: none; } }
  .main-nav__back {
    display: flex;
    position: absolute;
    height: 3.5em;
    width: 1.9em;
    top: 10.3em;
    left: 0;
    justify-content: center;
    align-items: center;
    background: #FEFEFE;
    color: #0075BE;
    z-index: 1001; }
    @media screen and (min-width: 46rem) {
      .main-nav__back {
        display: none; } }
  @media screen and (max-width: 45.9375rem) {
    .main-nav__mobile_position {
      position: relative; } }
  .main-nav__site {
    position: relative;
    /* 1 */
    /**
       * 1. Remove the hook for absolute positioned elements.
       */ }
    @media screen and (max-width: 45.9375rem) {
      .main-nav__site {
        z-index: 1000; } }
    @media screen and (min-width: 63.9375rem) {
      .main-nav__site {
        position: static; } }

/**
 * The main navigation with the lob links.
 */
.lob-nav {
  /**
   * The ad section of the main navigation.
   */
  /**
   * The banner that appears below some sections.
   *   ex: Credit cards
   * Its just a list of links
   */
  /**
   * The tabs on tablet and desktop.
   */
  /**
   * The heading for each list in the megamenu.
   */
  /**
   * The nav item thar wraps the page links.
   */
  /**
   * The section holds the actual page links.
   */
  /**
   * These are the links inside the megamenu drawer.
   * They are the ones that actually lead out to the pages.
   */
  /**
   * The LOBS list.
   */
  /**
   * The individual list items.
   * 1. Random number because match production.
   */
  /**
  * Adjustment for desktop privatebanking english
  *
  */
  /**
   * The unordered list that actually holds the lob links.
   */
  /**
   * The lob link leading to different pages.
   */ }
  .lob-nav__ad {
    display: none; }
    @media screen and (min-width: 63.9375rem) {
      .lob-nav__ad {
        display: block;
        padding-bottom: 1em;
        padding-left: 0.5em; } }
  .lob-nav__banner {
    flex-basis: 100%; }
    @media screen and (min-width: 46rem) {
      .lob-nav__banner {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        padding-top: 1em;
        padding-bottom: 1em;
        background-color: #f5f6f7; } }
  .lob-nav__tab {
    /**
     * 1. They want it EXACLTY like production so this random font size needs to be added.
     */ }
    @media screen and (min-width: 46rem) {
      .lob-nav__tab:hover,
      .lob-nav__lob:hover > .lob-nav__tab, .lob-nav__tab.is-active {
        background-color: #f5f6f7; } }
    .lob-nav__tab.is-current {
      font-weight: 700; }
    @media screen and (min-width: 46rem) {
      .lob-nav__tab {
        font-size: 0.8125rem;
        /* 1 */
        display: flex;
        padding: 1.5em 0.5em;
        border-top: 0.0625rem solid #f5f6f7;
        border-bottom: 0.0625rem solid #f5f6f7;
        justify-content: center;
        align-items: center;
        flex: 0 0 auto;
        text-align: center;
        height: 100%;
        min-height: 70px; }
        .lob-nav__lob > .lob-nav__tab {
          border-left: 0.0625rem solid #f5f6f7; } }
    @media screen and (min-width: 63.9375rem) {
      .lob-nav__tab {
        border-bottom: none;
        border-top: none; } }
  .lob-nav__heading {
    display: none; }
    @media screen and (min-width: 46rem) {
      .lob-nav__heading {
        display: block;
        margin-bottom: 1em;
        font-weight: bold; } }
    @media screen and (min-width: 63.9375rem) {
      .lob-nav__heading--strong {
        padding-bottom: 1.33rem; } }
  @media screen and (min-width: 46rem) {
    .lob-nav__heading-med-up.lob-nav__link {
      color: #0075BE;
      display: block;
      margin-bottom: 1em;
      font-weight: bold; }
      .lob-nav__heading-med-up.lob-nav__link:hover {
        color: #005587;
        text-decoration: underline; } }
  .lob-nav__nav-multi-row {
    display: flex;
    flex-direction: column;
    max-height: initial;
    flex-wrap: nowrap;
    width: 100%;
    overflow: initial; }
    @media screen and (min-width: 63.9375rem) {
      .lob-nav__nav-multi-row {
        width: 47%;
        /*As per design*/ } }
    @media screen and (min-width: 46rem) {
      .lob-nav__nav-multi-row {
        max-height: 27em;
        flex-wrap: wrap;
        overflow: hidden; } }
  @media screen and (min-width: 46rem) {
    .lob-nav__nav {
      padding-right: 1em;
      padding-left: 1em;
      padding-bottom: 1em;
      flex: 1;
      width: 50%;
      /**
       * 1. Multi column navs must take up more space then the normal navs.
       */ }
      .lob-nav__nav--multi-column {
        flex: 2;
        /* 1 */ } }
  @media screen and (min-width: 63.9375rem) {
    .lob-nav__nav {
      padding-bottom: 0; } }
  .lob-nav__nav-multi-row-item {
    flex: none;
    display: block; }
    @media screen and (min-width: 46rem) {
      .lob-nav__nav-multi-row-item {
        padding-bottom: 1em; } }
  @media screen and (max-width: 45.9375rem) {
    .lob-nav__section {
      display: none; }
      .lob-nav__section.is-open__mobile_only {
        display: block; } }
  @media screen and (min-width: 46rem) {
    .lob-nav__section {
      display: none;
      position: absolute;
      padding-top: 1em;
      top: 100%;
      right: 0;
      left: 0;
      background-color: #FEFEFE;
      z-index: 100;
      box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 25, 40, 0.2);
      /**
       * Conditions to display the section:
       *    JavaScript blocked and the anchor hovered.
       *    The nav anchor is focused.
       *    The JavaScript module failed at some point.
       *    The section is focused / hovered / open
       */ }
      .js-failed:hover + .lob-nav__section, .lob-nav__section.is-open {
        display: block; } }
  @media screen and (min-width: 63.9375rem) {
    .lob-nav__section {
      padding-top: 2em;
      padding-bottom: 1em;
      border-top: 0.0625rem solid #929ba9; } }
  .lob-nav__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem; }
    @media screen and (min-width: 46rem) {
      .lob-nav__wrapper {
        display: flex;
        flex-wrap: wrap; } }
  @media screen and (max-width: 45.9375rem) {
    .lob-nav__follow-through {
      font-size: inherit; } }
  @media screen and (min-width: 46rem) {
    .lob-nav__follow-through {
      padding-bottom: 1em;
      padding-left: 0.5em;
      flex-basis: 100%; } }
  @media screen and (min-width: 63.9375rem) {
    .lob-nav__follow-through {
      display: none; } }
  @media screen and (min-width: 46rem) {
    .lob-nav__follow-through-link::after {
      /**
   * Default transforms for the `down` position.
   */
      /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
      content: "";
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      border-left: 0.125rem solid #0075BE;
      border-top: 0.125rem solid #0075BE;
      transform-origin: 0 0;
      transform: rotate(135deg) translate(20%, -50%);
      margin-left: 0.5em;
      margin-bottom: 0.0625rem; }
    .lob-nav__follow-through-link:hover::after {
      /**
   * Default transforms for the `down` position.
   */
      /**
   * Transforms based on the direction desired.
   * Rotation is calculted simply by drawing a square and rotating it.
   *   Add 45 degrees to offset the initial position (Get the corner pointing up).
   */
      content: "";
      display: inline-block;
      width: 0.5em;
      height: 0.5em;
      border-left: 0.125rem solid #001928;
      border-top: 0.125rem solid #001928;
      transform-origin: 0 0;
      transform: rotate(135deg) translate(20%, -50%); } }
  @media screen and (min-width: 46rem) {
    .lob-nav__lobs {
      display: flex;
      justify-content: flex-end; } }
  @media screen and (min-width: 46rem) {
    .lob-nav__lob {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      align-items: stretch; } }
  @media screen and (min-width: 63.9375rem) {
    .lob-nav__lob {
      display: flex;
      flex: 0;
      flex-basis: 10%;
      /* 1 */ }
      .lob-nav__lob__large {
        flex-basis: 18%; } }
  @media screen and (min-width: 46rem) {
    .lob-nav__lob-harris {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      align-items: stretch; } }
  @media screen and (min-width: 63.9375rem) {
    .lob-nav__lob-harris {
      display: flex;
      flex: 0;
      flex-basis: 12%;
      /* 1 */ }
      .lob-nav__lob-harris__large {
        flex-basis: 18%; } }
  @media screen and (min-width: 46rem) {
    .lob-nav__padding-adjust-1 > a.main-nav__link {
      padding-left: .35em;
      padding-right: .35em; } }
  .lob-nav__pages {
    /**
     * Wraps the links.
     */ }
    @media screen and (min-width: 46rem) {
      .lob-nav__pages {
        flex: 1; } }
    @media screen and (min-width: 63.9375rem) {
      .lob-nav__pages {
        padding-right: 0.5em; } }
    @media screen and (min-width: 46rem) {
      .lob-nav__pages-wrapper {
        display: flex; } }
  @media screen and (min-width: 46rem) {
    .lob-nav__link {
      margin-bottom: 0.5em; } }
  .lob-nav__link:hover, .lob-nav__link:focus {
    color: #0075BE;
    text-decoration: underline; }

@media screen and (min-width: 63.9375rem) {
  .cta-nav__multi-row {
    flex-basis: 13rem; } }

/**
 * The cta navigation.
 */
.cta-nav {
  display: none;
  /**
   * The CTA time content.
   */
  /**
   * The CTA heading.
   */
  /**
   * The CTA footer.
   */
  /**
   * The ctas list.
   */
  /**
   * The actual anchor tag.
   */ }
  @media screen and (min-width: 46rem) {
    .cta-nav {
      display: block;
      padding-top: 1em;
      padding-right: 1em;
      padding-bottom: 1em;
      padding-left: 1em;
      background-color: #0075BE; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    .cta-nav {
      flex-basis: 100%; } }
  @media screen and (min-width: 63.9375rem) {
    .cta-nav {
      padding-top: 0;
      padding-right: 0;
      padding-left: 1em;
      border-left: 0.0625rem solid #929ba9;
      background-color: transparent;
      flex-basis: 18rem; } }
  .cta-nav__times-content {
    color: #FEFEFE; }
    @media screen and (min-width: 63.9375rem) {
      .cta-nav__times-content {
        color: #001928; } }
  .cta-nav__heading {
    margin-bottom: 1em;
    color: #FEFEFE;
    font-weight: bold; }
    @media screen and (min-width: 63.9375rem) {
      .cta-nav__heading {
        color: #001928; } }
    .cta-nav__heading--tel {
      font-weight: normal; }
      @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
        .cta-nav__heading--tel {
          color: #FEFEFE; } }
      @media screen and (min-width: 63.9375rem) {
        .cta-nav__heading--tel {
          display: flex;
          align-items: center; } }
  .cta-nav__footer {
    padding-left: 50px; }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .cta-nav__footer {
        color: #FEFEFE;
        margin-left: 66.7%;
        padding-left: 3.5rem; } }
  .cta-nav__ctas {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (min-width: 63.9375rem) {
      .cta-nav__ctas {
        display: block; } }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .cta-nav__ctas {
        flex-direction: column;
        align-items: flex-start; } }
  .cta-nav__cta {
    padding-right: 0.5em;
    padding-left: 0.5em;
    flex: 1;
    flex-basis: 33%; }
    .cta-nav__cta:first-child {
      padding-left: 0; }
    .cta-nav__cta:last-child {
      padding-right: 0; }
    @media screen and (min-width: 63.9375rem) {
      .cta-nav__cta {
        padding-right: 0;
        padding-bottom: 0.5em;
        padding-left: 0; } }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .cta-nav__cta {
        padding: 0; } }
  .cta-nav__link {
    white-space: normal; }
    .cta-nav__link, .cta-nav__link:hover, .cta-nav__link:focus {
      color: #FEFEFE; }
      @media screen and (min-width: 63.9375rem) {
        .cta-nav__link, .cta-nav__link:hover, .cta-nav__link:focus {
          color: #0075BE;
          font-weight: bold; } }
    @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
      .cta-nav__link {
        margin-bottom: .5em; } }
  @media screen and (min-width: 46rem) and (max-width: 63.875rem) {
    .cta-nav__icon {
      background: #FEFEFE !important;
      color: #0075BE !important; } }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
 * Megamenu Settings
 * namespace: $megamenu-
 * scope: @global.
 */
/* Max width */
/**
 * Root level link
 * These are used for th eroot level links.
 * There are declarations in the _primary.scss file AND
 *   _sign-in.scss file.
 * The font is a random number because they said match it with production
 *  ignore standards.
 */
/* Signin menu color */
/* Secondary header toggle */
/* Secondary header color */
/**
 * Base padding-left.
 * This is used on most elements for padding left for alignment.
 */
/**
 * 1. Calculate full width minus toggle size plus one.
 */
.secondary-header {
  /**
     * Wraps the secondary header.
     */
  /**
     * The close button is located inside the secondary nav.
     * 1. Hide the close button, otherwise it sits above the open button even when closed.
     * 2. Set the transition delay to the same amount of time it takes for the menu to open.
     *     This will cause the close button to dissapear as soon as the menu is closed.
     */ }
  @media screen and (min-width: 46rem) {
    .secondary-header {
      position: relative;
      border-bottom: 0.0625rem solid #929ba9; } }
  .secondary-header__wrapper {
    position: absolute;
    max-width: 75rem;
    min-width: 18.5em;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    left: 0;
    z-index: 1000;
    width: calc(100% - 5rem);
    /* 1 */
    background: #0075BE;
    /**
       * 1. When the secondary header is open display it.
       */
    /**
       * Should be always open on tablet up.
       */ }
    @media screen and (max-width: 45.9375rem) {
      .secondary-header__wrapper {
        margin-right: 0;
        transform: translate(-101%);
        transition: transform 300ms ease-in-out; }
        .secondary-header__wrapper.open {
          transform: none; } }
    .secondary-header.is-open > .secondary-header__wrapper {
      transform: none;
      /* 1 */ }
    .secondary-header__wrapper.is-open {
      transform: none;
      /* 1 */ }
    @media screen and (min-width: 46rem) {
      .secondary-header__wrapper {
        display: block;
        position: static;
        width: 100%;
        justify-content: center;
        align-items: center;
        background-color: #FEFEFE;
        transform: none; } }
    @media screen and (min-width: 63.9375rem) {
      .secondary-header__wrapper {
        display: flex;
        justify-content: space-between; } }
  .secondary-header__close {
    position: absolute;
    top: 0;
    left: 100%;
    transform: scale(0);
    /* 1 */
    transition: 0ms transform linear 300ms;
    /* 2 */
    /**
       * 1. Display the close button when the header is open.
       *     The opening animation takes 300ms this is instant so we cant tell the difference
       * 2. Remove the transition since we want the close button to appear INSTANTLY when the menu opens.
       */ }
    .secondary-header.is-open .secondary-header__close {
      transform: none;
      /* 1 */
      transition: none;
      /* 2 */ }
  .secondary-header__toggle {
    display: flex;
    width: 5rem;
    height: 5rem;
    justify-content: center;
    align-items: center;
    background-color: #0075BE;
    padding: 0px 1em; }
    @media screen and (max-width: 45.9375rem) {
      .secondary-header__toggle {
        position: absolute;
        top: 0px;
        left: 100%;
        /* 1 */
        transition: left 300ms ease-in-out; }
        .secondary-header__toggle path {
          fill: #fff;
          stroke: #fff; }
        .secondary-header__toggle.open {
          transform: none; } }
  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    .secondary-header .lob-nav__ad {
      padding-bottom: 0; }
    .secondary-header .lob-nav__wrapper .cta-nav {
      margin-top: 1em;
      flex-basis: 100%; }
      .secondary-header .lob-nav__wrapper .cta-nav .cta-nav__ctas {
        display: flex; }
        .secondary-header .lob-nav__wrapper .cta-nav .cta-nav__ctas li:not(:first-child) {
          margin-left: 1em; } }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

.skip-nav {
  font-size: 1rem; }
  .skip-nav.show-on-focus:active, .skip-nav.show-on-focus:focus {
    position: absolute !important;
    z-index: 2000;
    background-color: #FEFEFE; }

header {
  flex: 1 0 auto;
  font-family: Heebo,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  header *:focus {
    outline: -webkit-focus-ring-color auto 1px !important; }

header button.search-form__toggle span.icon-hover-action-search span.item-width-0 {
  font-family: Heebo,sans-serif; }

header .link {
  position: inherit;
  font-family: Heebo,sans-serif;
  line-height: inherit;
  font-size: inherit;
  text-align: inherit; }
  header .link::before {
    content: none; }

header button.main-nav__link {
  font-size: 14px;
  text-align: center;
  line-height: 18.4px; }
  @media screen and (max-width: 45.9375rem) {
    header button.main-nav__link {
      text-align: left;
      font-size: 16px; } }

header a.main-nav__link {
  font-size: 14px;
  text-align: center;
  line-height: 18.4px; }
  @media screen and (max-width: 45.9375rem) {
    header a.main-nav__link {
      text-align: left;
      font-size: 1rem; } }

header a.main-nav__link--page {
  text-align: left; }

header a.lob-nav__link {
  font-size: 1rem; }

header .link:before {
  display: none; }

header section {
  padding: 0px; }

header .secondary-header__wrapper {
  font-size: 16px;
  box-sizing: border-box; }

header button:hover {
  border: none; }

header .choose-site__link {
  font-size: 13px;
  line-height: 13px; }

header button {
  height: inherit; }

header .primary-header__right {
  font-size: 13px; }

header .primary-header__root-link.language-toggle__toggle {
  position: relative;
  line-height: 13px; }

header .language-toggle {
  font-size: 16px; }

header .signin__toggle {
  font-size: 13px;
  line-height: 13px; }

header .signin__link--subtext {
  line-height: 1.4em; }

header .signin__item .signin__link {
  line-height: 1.4em; }

@media screen and (max-width: 45.9375rem) {
  header .signin__link--attention-with-subtext {
    text-align: center !important; } }

header .primary-header__toggle {
  box-sizing: border-box; }

header .search__heading {
  box-sizing: border-box; }

header .color-primary {
  color: #0075be; }

header .placeholder-label__input.placeholder-label__input {
  padding: 8px; }

header .placeholder-label__input.placeholder-label__input::placeholder {
  color: #646C76; }

header .search__icon {
  padding: 4.5px; }

header .hide-for-medium.primary-header__locator {
  line-height: 13px; }

header .secondary-header__logo {
  position: relative; }

header .main-nav__back {
  position: absolute;
  padding: 0; }

header .main-nav__link {
  line-height: 22.4px; }

header .choose-site__toggle {
  font-size: 13px;
  width: auto; }

header .signin__toggle {
  box-sizing: border-box; }

header .choose-site__icon {
  box-sizing: border-box; }

header .cta-nav__link {
  font-weight: 400;
  line-height: 22.4px;
  padding-right: 0px; }

header .color--default {
  color: inherit; }

@media screen and (min-width: 63.9375rem) {
  header aside .cta-nav__cta .cta-nav__link {
    font-weight: 700; } }

.tl-header-primary-right > li button span.heebo {
  font-family: "Heebo";
  font-weight: 500; }

@media screen and (min-width: 76.5625rem) {
  header .xlg-text--nowrap {
    white-space: nowrap; } }

header ul li {
  list-style-type: none; }

header #search-form .search__input {
  margin: 0; }


/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@media screen and (min-width: 46rem) {
  .reveal--design-width {
    width: 670px; } }

/*
 Given a string, split by the $separator then return a list.
*/
/*
    Given a class prefix and a class name, return a name with the
    prefix prepended with a dash if prefix is given
*/
/*320*/
/*1200*/
/*1280*/
/*767*/
/*768*/
/*1023*/
/*1024*/
/*1279*/
/*1280*/
/**
  * $site is set to default to 'bmo' in this file.
  *
  * It is also appropriately set to 'bmoharris' or 'bmo' based on what
  * domain is used by the page on the Django side.
  *
**/
/* stylelint-disable unit-blacklist */
/* This has to be set in pixels because its the base font size */
/* stylelint-enable unit-blacklist */
/* Box-shadow is a very specific value, has to be this exact declaration */
/* March 16, 2018
 * $input-padding needs to be changed as soon as we figure out why $input-padding: $spacing--small worked for bespoke but not for us.
 * Currently, we can't use the old bespoke scss because it $spacing--small (an em value) conflicts with a rem calculation made in the Foundation package forms.
 * So for now, we'll move it to a new variable ($input-padding-bmo) so that we can use it by our components.
 */
/* rem-calc(16) is the default $form-spacing value */
/* the original bespoke scss */
/* !! This isn't synced to _input.scss */
/*  ################################################  */
/*  #### Tools: Site-wide mixins and functions. ####  */
/*  ################################################  */
/**
 * Parses the passed in variable and returns the json representation of it.
 * 
 * 
 * This is used to avoid duplicate data
 * the colors json creator returns a json string to be parsed by the browser with our full color palette.
 * 
 */
/**
 * Utility creator mixin.
 * It is used in the creation of utility classes.
 *   small-text-left,
 *   medium-border-top
 *   ...
 *
 * WARNING
 * THE UTILITY MIXIN CREATES A LOT OF CODE.
 * USE WITH CAUTION.
 *
 * Use:
 *   @include (className) {
 *     // CSS HERE
 *   }
 */
/**
 * Creates utility classes
 * @param  {String} $class:  null          The class name to generate utilities for.
 * @param  {List} $breaks:   all           A list of breakpoints to apply.
 */
/**
 * A mixin for creating a chevron on the given element.
 * This should be used within the pseudo `::before` or `::after`
 * But can be used anywhere.
 * @param  {String} $direction:    down           The direction of the chevron
 * @param  {Color}  $color:        $color-primary The color of the chevron.
 * @param  {Number} $size:         .5em           The size of the chevron (width, height).
 * @param  {Number} $border-width: rem-calc(2)    The border with of the chevron.
 *                                                 This makes it thicker/thinner.
 */
/* stylelint-disable no-unsupported-browser-features */
/* Disable stylelint since it throws error for the @supports rule */
/**
 * The grayscale trump adds a greyish overlay making it seem disabled.
 */
/* stylelint-enable no-unsupported-browser-features */
/*
 * Since design wants the mobile accordion to act like an info-block in desktop view
 * we need to create a mixin here and call it in the info-block and the mobile accordion
 * At least this way if there are ever style changes to the info-block it will be reflected in the mobile-accordion
 */
/**
 * A mixin for creating a bottom border that animates out from the
 * middle on :hover.
 * @param  {String} $height:  $border-size--thick   The height of the border.
 * @param  {Color}  $color:   $color-primary        The color of the border.
 */
/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url("/dist/fonts/heebo-light-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; }

/* latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local("Heebo Bold"), local("Heebo-Bold"), url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato.woff2") format("woff2"), url("/dist/fonts/lato.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-bold.woff2") format("woff2"), url("/dist/fonts/lato-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Lato";
  src: url("/dist/fonts/lato-italic.woff2") format("woff2"), url("/dist/fonts/lato-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax.woff2") format("woff2"), url("/dist/fonts/dax.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light.woff2") format("woff2"), url("/dist/fonts/dax-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium-italic.woff2") format("woff2"), url("/dist/fonts/dax-medium-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-medium.woff2") format("woff2"), url("/dist/fonts/dax-medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-bold.woff2") format("woff2"), url("/dist/fonts/dax-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Dax";
  src: url("/dist/fonts/dax-light-italic.woff2") format("woff2"), url("/dist/fonts/dax-light-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona.woff2") format("woff2"), url("/dist/fonts/emona.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-semibold.woff2") format("woff2"), url("/dist/fonts/emona-semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

@font-face {
  font-family: "Emona";
  src: url("/dist/fonts/emona-bold-italic.woff2") format("woff2"), url("/dist/fonts/emona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0025, U+0030-0039; }

/**
* Footer Component
*/
.footer,
footer {
  -webkit-font-smoothing: antialiased;
  font-family: Heebo, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smooth: antialiased;
  /**
        * The primary footer is the blue footer, usually the last thing on the page.
        */
  /**
        * The secondary footer wrapper.
        */
  /**
        * Most of the links in the secondary footer fall under this category.
        * They have different defaults then the global links because the background of the secondary footer is grey.
        *
        * 1. On mobile only the top links are displayed so by default hide all links.
        */
  /**
        * The secondary footer section is actually the wrapping list item.
        * It wraps each individual LOB.
        */
  /**
        * This wraps the top site section of the footer.
        * It is only displayed on screens larger then medium.
        */
  /**
        * The sites on the top right of the footer.
        */
  /**
        * An individual site inside the sites list.
        * This corresponds to the list item itself.
        */ }
  .footer ul.no-bullet,
  .footer ol.no-bullet,
  .footer li.no-bullet,
  footer ul.no-bullet,
  footer ol.no-bullet,
  footer li.no-bullet {
    list-style: none; }
  .footer--primary,
  footer--primary {
    width: 100%;
    background-color: #0075BE;
    /**
            * Since the primary footer has a blue background
            *   The anchors must be white.
            *   Nesting is not an issue because it sets a new default for primary footers.
            */ }
    .footer--primary a, .footer--primary a:hover, .footer--primary a:focus,
    footer--primary a,
    footer--primary a:hover,
    footer--primary a:focus {
      color: #FEFEFE; }
    .footer--primary a:focus,
    footer--primary a:focus {
      padding: 0.01px;
      outline: 1px solid #fff !important; }
    .footer--primary .link::before,
    footer--primary .link::before {
      content: none; }
  .footer__wrapper,
  footer__wrapper {
    position: relative;
    box-sizing: border-box;
    position: relative;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 0 !important; }
    @media screen and (min-width: 46rem) {
      .footer__wrapper,
      footer__wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
  .footer__section,
  footer__section {
    display: flex;
    width: 100%;
    width: 100%;
    padding-bottom: 0.5em;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0; }
    @media screen and (min-width: 46rem) {
      .footer__section,
      footer__section {
        padding-left: 24px;
        padding-right: 24px; } }
    .footer__section--full,
    footer__section--full {
      flex-basis: 100%;
      padding-bottom: 0px; }
  .footer__heading,
  footer__heading {
    flex-basis: 100%;
    margin-bottom: 0.375em;
    margin-right: 1.25em;
    color: #FEFEFE; }
    @media screen and (min-width: 46rem) {
      .footer__heading,
      footer__heading {
        flex-basis: auto; } }
    .footer__heading--small-font-size,
    footer__heading--small-font-size {
      font-size: 1.5em; }
    .footer__heading > a,
    footer__heading > a {
      font-family: inherit;
      font-size: inherit;
      height: auto;
      margin-top: 0; }
  .footer__list,
  footer__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none; }
  .footer__item,
  footer__item {
    font-size: 0.75rem;
    margin: 0 0.75em 0.75em 0;
    padding: 0 0.75em 0 0;
    border-right: 0.06em solid #73c3eb;
    line-height: 1.6em; }
    .footer__follow .footer__item, .footer__follow
    footer__item {
      border-right: 0; }
    .footer__item:first-child,
    footer__item:first-child {
      padding-left: 0;
      border-left: none; }
    .footer__item:last-child,
    footer__item:last-child {
      border-right: 0; }
    .footer__item--joined,
    footer__item--joined {
      border: none; }
    .footer__item .icon path,
    footer__item .icon path {
      fill: currentColor; }
    @media screen and (min-width: 63.9375rem) {
      .footer__item,
      footer__item {
        margin-bottom: 0; } }
    .footer__item > a,
    footer__item > a {
      margin-bottom: 0.5em; }
      .footer__item > a.link,
      footer__item > a.link {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        height: auto;
        margin-top: 0;
        padding-right: 0; }
    .footer__item > button,
    footer__item > button {
      height: auto; }
    .footer__item--font-14,
    footer__item--font-14 {
      font-size: 0.875rem; }
    .footer__item--svg-no-stroke path,
    footer__item--svg-no-stroke path {
      stroke: none !important; }
  .footer__follow-section,
  footer__follow-section {
    position: absolute;
    right: 44px;
    top: 40px;
    margin-bottom: 1em; }
    @media screen and (max-width: 45.9375rem) {
      .footer__follow-section,
      footer__follow-section {
        right: auto;
        top: auto;
        bottom: 0;
        margin-bottom: 8px; } }
  .footer__cdicLogo,
  footer__cdicLogo {
    width: 4.40625rem;
    margin-bottom: -0.75rem;
    margin-top: -0.75rem;
    padding-left: 0.34375rem; }
  .footer__divider,
  footer__divider {
    opacity: 0.2; }
    .footer__divider-spacing-bottom,
    footer__divider-spacing-bottom {
      margin-bottom: 2.6em; }
    .footer__divider-spacing-bottom-large,
    footer__divider-spacing-bottom-large {
      margin-bottom: 3.6em; }
  @media screen and (max-width: 45.9375rem) {
    .footer__no-padding,
    footer__no-padding {
      padding-bottom: 0; } }
  @media screen and (max-width: 45.9375rem) {
    .footer--secondary__rowitem-wrapper .spacing-top-secondary--medium,
    footer--secondary__rowitem-wrapper .spacing-top-secondary--medium {
      margin-top: 1em !important; } }
  .footer--secondary__rowitem,
  footer--secondary__rowitem {
    margin-bottom: 2em;
    display: flex;
    flex-direction: row;
    text-align: left;
    gap: 1.5em; }
    @media screen and (max-width: 45.9375rem) {
      .footer--secondary__rowitem li,
      footer--secondary__rowitem li {
        width: auto; } }
    @media screen and (min-width: 46rem) {
      .footer--secondary__rowitem li,
      footer--secondary__rowitem li {
        width: 218px; } }
    @media screen and (min-width: 76.5625rem) {
      .footer--secondary__rowitem li,
      footer--secondary__rowitem li {
        width: 304px; } }
    @media screen and (min-width: 90rem) {
      .footer--secondary__rowitem li,
      footer--secondary__rowitem li {
        width: 380px; } }
    .footer--secondary__rowitem a,
    footer--secondary__rowitem a {
      color: #414141;
      font-size: 15px; }
      .footer--secondary__rowitem a.blue,
      footer--secondary__rowitem a.blue {
        color: #0075BE; }
      .footer--secondary__rowitem a.blue:hover,
      footer--secondary__rowitem a.blue:hover {
        color: #0075BE; }
      .footer--secondary__rowitem a.blue:focus,
      footer--secondary__rowitem a.blue:focus {
        color: #0075BE;
        outline: 1px solid #0075BE !important; }
      @media screen and (max-width: 45.9375rem) {
        .footer--secondary__rowitem a,
        footer--secondary__rowitem a {
          font-weight: 500;
          line-height: 1.5rem; } }
      .footer--secondary__rowitem a:hover,
      footer--secondary__rowitem a:hover {
        color: #414141; }
    @media screen and (max-width: 45.9375rem) {
      .footer--secondary__rowitem,
      footer--secondary__rowitem {
        flex-direction: column;
        justify-content: center;
        text-align: left;
        align-items: flex-start;
        margin-bottom: 0;
        gap: 1em; } }
  .footer--secondary.bg-grey,
  footer--secondary.bg-grey {
    background-color: #f5f6f7; }
  .footer--secondary.bg-white,
  footer--secondary.bg-white {
    background-color: #FEFEFE; }
  @media screen and (max-width: 45.9375rem) {
    .footer--secondary,
    footer--secondary {
      padding: 2em 0; } }
  @media screen and (min-width: 46rem) {
    .footer--secondary,
    footer--secondary {
      padding: 2em 1.5em;
      padding-top: 2.5em;
      padding-bottom: 2.5em;
      margin: 0; } }
  .footer--secondary > div:last-child > ul,
  footer--secondary > div:last-child > ul {
    display: flex;
    justify-content: space-between; }
    .footer--secondary > div:last-child > ul > li > ul > li,
    footer--secondary > div:last-child > ul > li > ul > li {
      line-height: inherit; }
    .footer--secondary > div:last-child > ul > li > ul > li > a,
    footer--secondary > div:last-child > ul > li > ul > li > a {
      color: #414141;
      font-size: 15px; }
      .footer--secondary > div:last-child > ul > li > ul > li > a.blue,
      footer--secondary > div:last-child > ul > li > ul > li > a.blue {
        color: #0075BE; }
      .footer--secondary > div:last-child > ul > li > ul > li > a.blue:hover,
      footer--secondary > div:last-child > ul > li > ul > li > a.blue:hover {
        color: #0075BE; }
      .footer--secondary > div:last-child > ul > li > ul > li > a.blue:focus,
      footer--secondary > div:last-child > ul > li > ul > li > a.blue:focus {
        color: #0075BE;
        outline: 1px solid #0075BE !important; }
      @media screen and (max-width: 45.9375rem) {
        .footer--secondary > div:last-child > ul > li > ul > li > a,
        footer--secondary > div:last-child > ul > li > ul > li > a {
          font-weight: 500;
          line-height: 1.5rem; } }
      .footer--secondary > div:last-child > ul > li > ul > li > a:hover,
      footer--secondary > div:last-child > ul > li > ul > li > a:hover {
        color: #414141; }
    @media screen and (min-width: 46rem) {
      .footer--secondary > div:last-child > ul > li > ul > li:first-child a,
      footer--secondary > div:last-child > ul > li > ul > li:first-child a {
        font-weight: 500; } }
    @media screen and (max-width: 45.9375rem) {
      .footer--secondary > div:last-child > ul,
      footer--secondary > div:last-child > ul {
        flex-direction: column;
        /* > li > ul > li:not(:first-child) {
                        display: none;
                    }*/ }
        .footer--secondary > div:last-child > ul > li,
        footer--secondary > div:last-child > ul > li {
          margin: 0;
          padding: 0; }
        .footer--secondary > div:last-child > ul > li > ul > li,
        footer--secondary > div:last-child > ul > li > ul > li {
          margin: 0 !important; }
        .footer--secondary > div:last-child > ul > li > ul.footer-secondary-last > li,
        footer--secondary > div:last-child > ul > li > ul.footer-secondary-last > li {
          display: block; } }
  .footer__secondary-link,
  footer__secondary-link {
    display: none;
    /* 1 */
    padding-top: 0.25em;
    /**
            * 1. Because the secondary footer is grey, we must reset the colors of the anchors.
            */
    /**
            * The top links are usually first link of every section.
            * Also usually they are the heading links.
            * These show up on mobile as well.
            *
            * 1. Display top level links ONLY on mobile
            */
    /**
            * 1. On medium up all links should show up.
            */ }
    .footer__secondary-link, .footer__secondary-link:hover, .footer__secondary-link:active,
    footer__secondary-link,
    footer__secondary-link:hover,
    footer__secondary-link:active {
      color: #001928;
      /* 1 */ }
    .footer__secondary-link--top,
    footer__secondary-link--top {
      display: inline-block;
      /* 1 */ }
    @media screen and (min-width: 46rem) {
      .footer__secondary-link,
      footer__secondary-link {
        display: inline-block;
        /* 1 */ } }
  .footer__secondary-section,
  footer__secondary-section {
    color: #414141; }
    @media screen and (min-width: 46rem) {
      .footer__secondary-section,
      footer__secondary-section {
        margin-bottom: 1em; } }
  .footer__site-section,
  footer__site-section {
    box-sizing: border-box;
    align-items: center;
    /**
            * Breakpoint (small only) because reseting display is a bit of an issue.
            * There is no way of knowing what the display should be for sure.
            */ }
    .footer__site-section a,
    footer__site-section a {
      font-size: 1.2rem;
      font-weight: 500; }
      .footer__site-section a:hover,
      footer__site-section a:hover {
        text-decoration: none; }
    @media screen and (max-width: 45.9375rem) {
      .footer__site-section,
      footer__site-section {
        display: none !important; } }
    .footer__site-section li,
    footer__site-section li {
      margin-left: 1em; }
      .footer__site-section li:last-child,
      footer__site-section li:last-child {
        padding-left: 1em;
        border-left: 1px solid #cacaca; }
  .footer__sites,
  footer__sites {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem; }
    .footer__sites a,
    footer__sites a {
      color: #0075be; }
      .footer__sites a:hover,
      footer__sites a:hover {
        color: #0075be; }
  .footer__site,
  footer__site {
    /**
            * The padding used for the individual site links.
            * This is also applied to the current site.
            */
    /**
            * Because we need to add paddings and all to the inner anchor this dom traversal is ok.
            */
    /**
            * This corresponds to the current site we are on.
            */ }
    .footer__site > a,
    footer__site > a {
      padding-top: 1em;
      padding-right: 0.5em;
      padding-bottom: 1em;
      padding-left: 0.5em; }
      @media screen and (min-width: 63.9375rem) {
        .footer__site > a,
        footer__site > a {
          padding-right: 1em;
          padding-left: 1em; } }
    .footer__site:last-child,
    footer__site:last-child {
      /**
                * The last site link should be flush against the right.
                */ }
      .footer__site:last-child > a,
      footer__site:last-child > a {
        border-left: 0.0625rem solid #929ba9;
        padding-right: 0;
        padding-left: 1em;
        margin-left: 0.5em; }
        @media screen and (min-width: 63.9375rem) {
          .footer__site:last-child > a,
          footer__site:last-child > a {
            margin-left: 0; } }
    .footer__site--current,
    footer__site--current {
      padding-top: 1em;
      padding-bottom: 0; }
      .footer__site--current a,
      footer__site--current a {
        color: #414141; }
        .footer__site--current a > h2,
        footer__site--current a > h2 {
          font-size: 1.2rem;
          font-weight: 500; }
        .footer__site--current a:hover,
        footer__site--current a:hover {
          color: #414141; }
  .footer--disclaimer,
  footer--disclaimer {
    background-color: #0075BE;
    color: #FEFEFE; }
    .footer--disclaimer a,
    footer--disclaimer a {
      color: #FEFEFE; }
      .footer--disclaimer a > abbr,
      footer--disclaimer a > abbr {
        cursor: pointer; }
    .footer--disclaimer abbr,
    footer--disclaimer abbr {
      color: #FEFEFE; }
  .footer-disclaimer-logo,
  footer-disclaimer-logo {
    display: inline; }
    .footer-disclaimer-logo picture,
    footer-disclaimer-logo picture {
      float: right;
      margin: 0 0 1em 1em; }
  .footer__notice,
  footer__notice {
    color: #FEFEFE;
    font-size: 14px; }
    .footer__notice__text,
    footer__notice__text {
      font-weight: 400; }
    .footer__notice__title,
    footer__notice__title {
      margin-top: 1.8em;
      font-weight: 700 !important;
      font-size: 1em;
      line-height: 1.4;
      margin-bottom: 1em; }
    .footer__notice .footer__ehl_logo,
    footer__notice .footer__ehl_logo {
      float: right;
      background: url(https://www.bmo.com/en-us/img/logos/ehl_wh.png) no-repeat scroll center center transparent;
      height: 48px; }
      .footer__notice .footer__ehl_logo a,
      footer__notice .footer__ehl_logo a {
        margin: 2.85rem 1.25rem 0 1.25rem;
        color: #FEFEFE;
        font-size: 0.5rem;
        font-weight: 700;
        text-decoration: none; }
    .footer__notice abbr[title],
    footer__notice abbr[title] {
      color: #FEFEFE;
      border-bottom: 1px dotted;
      text-decoration: underline dotted; }
    .footer__notice strong.uppercase,
    footer__notice strong.uppercase {
      text-transform: uppercase; }
  .footer .nesbittburns-white-footer,
  footer .nesbittburns-white-footer {
    background-color: #ffffff; }
    @media screen and (max-width: 45.9375rem) {
      .footer .nesbittburns-white-footer,
      footer .nesbittburns-white-footer {
        box-sizing: border-box;
        padding: 2rem 1.5rem 4rem 1.5rem; }
        .footer .nesbittburns-white-footer li,
        footer .nesbittburns-white-footer li {
          text-align: center;
          margin: 0 0 1rem 0;
          padding: 0;
          width: 100%; } }
    @media screen and (min-width: 46rem) {
      .footer .nesbittburns-white-footer,
      footer .nesbittburns-white-footer {
        padding: 4rem 3rem; }
        .footer .nesbittburns-white-footer .footer__list,
        footer .nesbittburns-white-footer .footer__list {
          display: table-row; }
        .footer .nesbittburns-white-footer li,
        footer .nesbittburns-white-footer li {
          display: table-cell;
          vertical-align: middle;
          border-left: 1px solid #cecece;
          padding-left: 1.5rem;
          padding-right: 1.5rem; } }
    .footer .nesbittburns-white-footer a,
    footer .nesbittburns-white-footer a {
      color: #0075be;
      padding: 0;
      font-weight: 400; }
      .footer .nesbittburns-white-footer a:hover,
      footer .nesbittburns-white-footer a:hover {
        color: #0075be;
        text-decoration: none; }

.close-button {
  color: #8a8a8a !important; }
  .close-button:hover {
    color: #001928 !important; }

footer #ot-sdk-btn {
  font-weight: bold !important;
  padding-right: 6px !important; }

footer li#ot-sdk-listitem {
  display: none; }

footer .middle {
  padding-bottom: 0.5em; }

footer .top {
  padding-bottom: 0px; }

footer .bottom {
  padding-bottom: 0px; }

footer .spacing-top--none {
  margin-top: 0px; }

footer .spacing-top--medium {
  margin-top: 1.25rem; }

footer .always-show {
  display: block !important; }

footer li.end {
  margin-right: 0px !important; }

footer .footer__follow-section .footer__item {
  margin-right: 16px; }

footer .padding-0 {
  padding: 0 !important; }

footer .padding-left-24 {
  padding-left: 1.5rem !important; }

footer .padding-left-48 {
  padding-left: 3rem !important; }

footer .padding-right-24 {
  padding-right: 1.5rem !important; }

footer .padding-right-48 {
  padding-right: 3rem !important; }

footer .padding-bottom-1 {
  padding-bottom: 1rem !important; }

footer .margin-bottom-8 {
  margin-bottom: .5rem !important; }

footer .margin-left-24 {
  margin-left: 1.5rem !important; }

footer .margin-left-48 {
  margin-left: 3rem !important; }

footer .margin-right-24 {
  margin-right: 1.5rem !important; }

footer .margin-right-48 {
  margin-right: 3rem !important; }

footer .width-100 {
  width: 100%; }

footer .border-none {
  border: 0 !important; }

footer .background-white {
  background-color: #fff; }

footer button {
  background-color: transparent; }

.footer--primary button {
  background-color: transparent; }

.footer--primary a.link.hover-blue,
.footer--primary a.link.hover-blue {
  color: #0075be; }

.footer--primary a.link.hover-blue:hover,
.footer--primary a.link.hover-blue:focus {
  color: #414141; }

.button-link-footer-outline {
  color: #fefefe;
  font-weight: 700; }

.button-link-footer-outline:hover,
.button-link-footer-outline:focus,
.button-link-footer-outline.active {
  color: #fefefe;
  text-decoration: underline;
  outline: -webkit-focus-ring-color auto 1px; }

footer .link,
.footer .link {
  font-family: Heebo, sans-serif;
  font-size: inherit;
  line-height: inherit; }
  footer .link::before,
  .footer .link::before {
    content: none; }

footer strong,
.footer strong {
  display: inline;
  margin: 0;
  font-size: 14px; }

footer .footer__item > a,
.footer .footer__item > a {
  margin: 0 0 0.5em 0; }

footer ul li {
  list-style-type: none; }

.footer--primary .color-primary {
  color: #0075BE; }

.footer--primary a.link.hover-blue:hover,
.footer--primary a.link.hover-blue:focus {
  color: #414141; }

@media not all and (min-resolution: 0.001dpcm) {
  .footer--primary a:hover, .footer--primary a:active, .footer--primary a:focus,
  footer--primary a:hover,
  footer--primary a:active,
  footer--primary a:focus {
    outline: 1px solid white;
    position: relative; } }